@charset "UTF-8";
:root {
  --smm-primary: #00CAF3;
  --smm-primary-rgb: 0, 202, 243;
  --smm-primary-dark: #007F99;
  --smm-accent: #797AF2;
  --smm-gradient: linear-gradient(135deg, #797AF2 0%, #00CAF3 100%);
  --smm-ink: #1D353D;
  --smm-ink-2: #526166;
  --smm-ink-3: #8FA7B2;
  --smm-ink-4: #9DA4A6;
  --smm-bg: #F2F4FA;
  --smm-surface: #FFFFFF;
  --smm-surface-soft: rgba(255,255,255,0.8);
  --smm-border: #E2E3E5;
  --smm-border-soft: rgba(0,0,0,0.05);
  --smm-success: #66CC00;
  --smm-warn: #FFAA00;
  --smm-danger: #F2556F;
  --smm-shadow-card: 0 4px 20px rgba(51,68,102,0.16);
  --smm-shadow-soft: 0 5px 20px rgba(77,140,153,0.15);
  --smm-shadow-btn: 0 10px 10px rgba(0,127,153,0.30);
  --pp-sidebar-w: 260px;
  --pp-sidebar-gap: 0px;
  --pp-topbar-h: 64px;
  --pp-radius-card: 16px;
  --pp-shadow-card: 0 1px 3px rgba(15,23,42,0.06);
  --pp-shadow-soft: 0 5px 30px rgba(15,23,42,0.08);
  --pp-shadow-cyan: 0 4px 20px rgba(29,78,216,0.20);
  --pp-bg: #f8fafc;
  --pp-sidebar-bg: #09090b;
  --pp-primary: #1d4ed8;
  --pp-text: #0f172a;
  --pp-text-muted: #64748b;
  --pp-text-soft: #94a3b8;
  --pp-border: #e2e8f0;
  --pp-surface: #ffffff;
  --pp-surface-muted: #f8fafc;
  --pp-surface-hover: #f1f5f9;
  --pp-input-bg: #f8fafc;
  --pp-info-bg: rgba(29, 78, 216, 0.08);
  --pp-info-border: rgba(29, 78, 216, 0.25);
  --pp-info-text: #1e40af;
  --pp-info-title: #1d4ed8;
  --gh-color-bg-dark: #000000;
  --gh-color-bg-soft: #f7f7f5;
  --gh-color-bg-muted: #f1f1f0;
  --gh-color-surface: #ffffff;
  --gh-color-text-dark: #111111;
  --gh-color-text-muted: #666666;
  --gh-color-text-soft: #999999;
  --gh-color-text-inverse: rgba(255,255,255,0.8);
  --gh-color-border-soft: rgba(0,0,0,0.08);
  --gh-color-border-footer: #e5e5e5;
  --gh-color-primary: #1d4ed8;
  --gh-color-primary-soft: rgba(29,78,216,0.08);
  --gh-color-primary-glow: rgba(29,78,216,0.4);
  --gh-radius-pill: 99px;
  --gh-radius-xl: 24px;
  --gh-radius-lg: 16px;
  --gh-radius-md: 12px;
  --gh-radius-sm: 10px;
  --gh-shadow-chat: 0 4px 7px rgba(29,78,216,0.3);
  --fw-thin: 100;
  --fw-extralight: 100;
  --fw-light: 200;
  --fw-regular: 300;
  --fw-medium: 400;
  --fw-semibold: 500;
  --fw-bold: 600;
  --fw-extrabold: 700;
  --fw-black: 800;
  --asset-wallet-art: url("https://storage.perfectcdn.com/85bh1l/jg9i47pyid5bp3un.png");
  --asset-story-visual: url("https://storage.perfectcdn.com/85bh1l/ah0mghpfdrjgch9g.png");
  --asset-services-bg: url("https://storage.perfectcdn.com/85bh1l/gr99mxzkbfmp790y.png");
  --asset-pricing-tab-youtube: url("https://storage.perfectcdn.com/85bh1l/d5d8myuzqlt0pb2y.png");
  --asset-pricing-icon-eye: url("https://storage.perfectcdn.com/85bh1l/8lsyxnzmh4ipaq6c.png");
  --asset-pricing-bg: url("https://storage.perfectcdn.com/85bh1l/2c8z4hl5cchygaf2.png");
  --asset-login-brand-art: url("https://storage.perfectcdn.com/85bh1l/r9bw5frzhkdu4kw6.png");
  --asset-how-it-works-line: url("https://storage.perfectcdn.com/85bh1l/qg5a5zqsptqk1gjq.png");
  --asset-hero-float-art: url("https://storage.perfectcdn.com/85bh1l/nt4ijdt1ff9kgirh.png");
}

[data-bs-theme=dark] {
  --smm-primary: #3b82f6;
  --smm-primary-rgb: 59, 130, 246;
  --smm-primary-dark: #2563eb;
  --smm-accent: #60a5fa;
  --smm-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --smm-ink: #f8fafc;
  --smm-ink-2: #cbd5e1;
  --smm-ink-3: #94a3b8;
  --smm-ink-4: #64748b;
  --smm-bg: #0f172a;
  --smm-surface: #111827;
  --smm-surface-soft: rgba(17, 24, 39, 0.72);
  --smm-border: #1e293b;
  --smm-border-soft: rgba(255, 255, 255, 0.08);
  --smm-success: #66CC00;
  --smm-warn: #FFAA00;
  --smm-danger: #F2556F;
  --smm-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45);
  --smm-shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.4);
  --smm-shadow-btn: 0 10px 24px rgba(37, 99, 235, 0.35);
  --pp-bg: #0f172a;
  --pp-sidebar-bg: #030712;
  --pp-primary: #3b82f6;
  --pp-text: #f8fafc;
  --pp-text-muted: #94a3b8;
  --pp-text-soft: #64748b;
  --pp-border: #1e293b;
  --pp-surface: #111827;
  --pp-surface-muted: #1e293b;
  --pp-surface-hover: rgba(255, 255, 255, 0.06);
  --pp-input-bg: rgba(255, 255, 255, 0.04);
  --pp-info-bg: rgba(59, 130, 246, 0.1);
  --pp-info-border: rgba(59, 130, 246, 0.28);
  --pp-info-text: #93c5fd;
  --pp-info-title: #60a5fa;
  --pp-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.45);
  --pp-shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.5);
  --pp-shadow-cyan: 0 4px 24px rgba(59, 130, 246, 0.2);
  --gh-color-bg-dark: #030712;
  --gh-color-bg-soft: #0f172a;
  --gh-color-bg-muted: #111827;
  --gh-color-surface: #111827;
  --gh-color-text-dark: #f8fafc;
  --gh-color-text-muted: #94a3b8;
  --gh-color-text-soft: #64748b;
  --gh-color-text-inverse: rgba(0, 0, 0, 0.8);
  --gh-color-border-soft: rgba(255, 255, 255, 0.08);
  --gh-color-border-footer: #1e293b;
  --gh-color-primary: #3b82f6;
  --gh-color-primary-soft: rgba(59, 130, 246, 0.12);
  --gh-color-primary-glow: rgba(59, 130, 246, 0.35);
  --gh-shadow-chat: 0 4px 16px rgba(59, 130, 246, 0.35);
  color-scheme: dark;
}

*, *::before, *::after, input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  overflow-x: clip;
}
html:has(.modal-open) {
  overflow: hidden;
}
html:has(.modal-open) .modal {
  padding-right: 0;
  overflow: hidden;
}
html:has(.modal-open) .modal .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 95vh;
}

a {
  text-decoration: none;
  color: inherit;
}
a:focus, a:active {
  outline: none;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

button,
input,
select,
textarea {
  font: inherit;
}

.hidden {
  display: none;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.btn-get-started {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  background: var(--smm-gradient);
  color: #ffffff;
  font-weight: var(--fw-bold);
  border-radius: 10px;
  box-shadow: var(--smm-shadow-btn);
  transition: all 0.3s ease;
}
.btn-get-started:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 20px rgba(0, 202, 243, 0.4);
  color: #ffffff;
}

.btn-start-now {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: #00c4d4;
  color: #ffffff;
  font-weight: var(--fw-bold);
  border-radius: 10px;
  transition: background 0.2s ease;
}
.btn-start-now:hover {
  background: #00aab8;
}

.btn-view-services {
  display: inline-flex;
  align-items: center;
  padding: 12px 28px;
  background: rgba(0, 196, 212, 0.1);
  color: #00c4d4;
  font-weight: var(--fw-bold);
  border-radius: 10px;
  transition: background 0.2s ease;
}
.btn-view-services:hover {
  background: rgba(0, 196, 212, 0.2);
}

/* ═══════════════════════════════════════════════════
   smm.plus — Main Stylesheet
   Covers: public pages (guest) + auth dashboard pages
═══════════════════════════════════════════════════ */
/* ─── CSS VARIABLES (auth dashboard) ─── */
:root {
  --smm-primary: #00CAF3;
  --smm-primary-rgb: 0, 202, 243;
  --smm-primary-dark: #007F99;
  --smm-accent: #797AF2;
  --smm-gradient: linear-gradient(135deg, #797AF2 0%, #00CAF3 100%);
  --smm-ink: #1D353D;
  --smm-ink-2: #526166;
  --smm-ink-3: #8FA7B2;
  --smm-ink-4: #9DA4A6;
  --smm-bg: #F2F4FA;
  --smm-surface: #FFFFFF;
  --smm-surface-soft: rgba(255,255,255,0.8);
  --smm-border: #E2E3E5;
  --smm-border-soft: rgba(0,0,0,0.05);
  --smm-success: #66CC00;
  --smm-warn: #FFAA00;
  --smm-danger: #F2556F;
  --smm-shadow-card: 0 4px 20px rgba(51,68,102,0.16);
  --smm-shadow-soft: 0 5px 20px rgba(77,140,153,0.15);
  --smm-shadow-btn: 0 10px 10px rgba(0,127,153,0.30);
  --pp-sidebar-w: 260px;
  --pp-sidebar-gap: 0px;
  --pp-topbar-h: 64px;
  --pp-radius-card: 16px;
  --pp-shadow-card: 0 4px 20px rgba(0,202,243,0.10);
  --pp-shadow-soft: 0 5px 30px rgba(77,140,153,0.20);
  --pp-shadow-cyan: 0 4px 20px rgba(0,202,243,0.20);
}

[data-bs-theme=dark] {
  --smm-ink: #FFFFFF;
  --smm-ink-2: #8FA7B2;
  --smm-ink-3: #597380;
  --smm-ink-4: #527380;
  --smm-bg: #001C26;
  --smm-surface: #0D2B36;
  --smm-surface-soft: rgba(13,43,54,0.55);
  --smm-border: rgba(255,255,255,0.08);
  --smm-border-soft: rgba(255,255,255,0.06);
  --smm-shadow-card: 0 4px 20px rgba(0,0,0,0.35);
  --smm-shadow-soft: 0 5px 20px rgba(0,0,0,0.35);
  --pp-shadow-card: 0 4px 20px rgba(0,0,0,0.4);
  --pp-shadow-soft: 0 5px 30px rgba(0,0,0,0.5);
  --pp-shadow-cyan: 0 4px 20px rgba(0,202,243,0.12);
}

/* ─── BASE ─── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

.hidden {
  display: none;
}

/* ══════════════════════════════════════════════════════
   PUBLIC / GUEST PAGE STYLES
   Base typography lives in components/_guest-shell.scss
══════════════════════════════════════════════════════ */
/* ─── PUBLIC NAVBAR ─── */
.main-nav {
  background: #f0f4fb;
  padding: 14px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.nav-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 18px rgba(30, 45, 74, 0.09);
  padding: 8px 20px;
  display: flex;
  align-items: center;
  width: 100%;
}

.main-nav .navbar-brand img {
  height: 44px;
}

.nav-brand-text {
  font-weight: var(--fw-extrabold);
  font-size: 20px;
  color: #00c4d4;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.nav-links a {
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: #4a5568;
  padding: 6px 14px;
  display: block;
  transition: color 0.2s;
}

.nav-links a:hover,
.nav-links a.active {
  color: #00c4d4;
}

.btn-free-trial {
  background: linear-gradient(90deg, #6b7af7 0%, #40c8e8 100%);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  padding: 9px 20px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  letter-spacing: 0.3px;
}

.btn-free-trial:hover {
  opacity: 0.88;
  color: #fff;
}

.btn-get-started {
  background: #1c2333;
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  padding: 9px 20px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  letter-spacing: 0.3px;
  display: inline-block;
}

.btn-get-started:hover {
  background: #0f1625;
  color: #fff;
}

/* Hamburger (mobile only) */
.nav-hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  align-items: center;
  justify-content: center;
}

/* ─── FREE SERVICES SPLIT BUTTON (desktop nav) ─── */
.nav-free-wrap {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  background: linear-gradient(90deg, #6b7af7 0%, #40c8e8 100%);
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(107, 122, 247, 0.25);
  flex-shrink: 0;
  margin-right: 12px;
}

.nav-free-btn {
  background: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  padding: 9px 18px;
  white-space: nowrap;
  transition: opacity 0.2s;
  display: inline-flex;
  align-items: center;
  border-radius: 50px 0 0 50px;
}

.nav-free-btn:hover {
  opacity: 0.88;
  color: #fff;
}

.nav-free-chev {
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  border: none;
  padding: 0 12px 0 8px;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  transition: background 0.2s;
  display: flex;
  align-items: center;
  border-radius: 0 50px 50px 0;
  font-size: 10px;
}

.nav-free-chev::after {
  display: none;
}

.nav-free-chev:hover {
  background: rgba(0, 0, 0, 0.28);
}

.nav-free-wrap .dropdown-menu {
  border-radius: 12px;
  margin-top: 6px;
}

/* ─── FREE SERVICES BAR (mobile drawer top) ─── */
.drawer-free-wrap {
  display: flex;
  align-items: stretch;
  margin: 14px 16px 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(107, 122, 247, 0.25);
}

.drawer-free-main {
  flex: 1;
  background: linear-gradient(90deg, #6b7af7 0%, #40c8e8 100%);
  color: #fff;
  font-size: 14px;
  font-weight: var(--fw-bold);
  padding: 11px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
}

.drawer-free-main:hover {
  opacity: 0.88;
  color: #fff;
}

.drawer-free-chev {
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
  border: none;
  padding: 0 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 12px;
  transition: background 0.2s;
}

.drawer-free-chev[aria-expanded=true] .bi-chevron-down {
  transform: rotate(180deg);
}

.drawer-free-chev:hover {
  background: rgba(0, 0, 0, 0.28);
}

/* ─── NAV DROPDOWNS ─── */
.nav-dd-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
}

.nav-dd-menu {
  min-width: 250px;
  border-radius: 12px;
  border: 1px solid #e2e3e5;
  box-shadow: 0 8px 32px rgba(30, 45, 74, 0.12);
  padding: 6px;
  margin-top: 4px;
}

.nav-dd-menu .dropdown-item {
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: #4a5568;
  border-radius: 8px;
  padding: 7px 12px;
  transition: color 0.18s, background 0.18s;
}

.nav-dd-menu .dropdown-item:hover {
  color: #00caf3;
  background: #f4fdfe;
}

.nav-dd-menu .dropdown-divider {
  margin: 4px 8px;
  border-color: #e2e3e5;
}

/* ─── MOBILE DRAWER ─── */
.mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10, 18, 36, 0.45);
  z-index: 1100;
  backdrop-filter: blur(2px);
}

.mobile-overlay.open {
  display: block;
}

.mobile-drawer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 280px;
  background: #fff;
  z-index: 1200;
  transform: translateX(-100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.mobile-drawer.open {
  transform: translateX(0);
}

.drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 16px;
  border-bottom: 1px solid #f0f0f5;
}

.drawer-brand-text {
  font-weight: var(--fw-extrabold);
  font-size: 18px;
  color: #00c4d4;
}

.drawer-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: #f0f4fb;
  color: #4a5568;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.drawer-close:hover {
  background: #e4eaf5;
}

.drawer-nav {
  list-style: none;
  margin: 0;
  padding: 12px 0;
  flex: 1;
}

.drawer-nav li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: #4a5568;
  transition: color 0.2s, background 0.2s;
}

.drawer-nav li a:hover,
.drawer-nav li a.active {
  color: #00c4d4;
  background: #f4fdfe;
}

.drawer-nav li a i {
  font-size: 16px;
  color: #b0bbc9;
}

.drawer-nav li a:hover i,
.drawer-nav li a.active i {
  color: #00c4d4;
}

.drawer-btns {
  padding: 16px 20px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid #f0f0f5;
}

.drawer-btns .btn-free-trial,
.drawer-btns .btn-get-started {
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* ─── DRAWER ACCORDION ─── */
.drawer-acc-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: #4a5568;
  padding: 12px 22px;
  cursor: pointer;
  text-align: left;
  transition: color 0.2s, background 0.2s;
}

.drawer-acc-toggle:hover {
  color: #00c4d4;
  background: #f4fdfe;
}

.drawer-acc-toggle i:first-child {
  font-size: 16px;
  color: #b0bbc9;
}

.drawer-acc-toggle:hover i:first-child {
  color: #00c4d4;
}

.drawer-chev {
  margin-left: auto;
  font-size: 12px;
  transition: transform 0.25s;
}

.drawer-acc-toggle[aria-expanded=true] .drawer-chev {
  transform: rotate(180deg);
}

.drawer-sub-nav {
  list-style: none;
  padding: 0 0 6px;
  margin: 0;
  background: rgba(0, 196, 212, 0.04);
  border-bottom: 1px solid #f0f0f5;
}

.drawer-sub-nav li a {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-regular);
  color: #526166;
  padding: 8px 22px 8px 50px;
  transition: color 0.18s, background 0.18s;
}

.drawer-sub-nav li a:hover {
  color: #00c4d4;
  background: #f4fdfe;
}

/* ─── FLOATING THEME BUTTON (public pages) ─── */
.pg-theme-btn {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #FFAA00;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: background 0.2s, opacity 0.2s;
}

[data-bs-theme=dark] .pg-theme-btn {
  background: #1B4754;
  color: #C9F2FF;
}

.pg-theme-btn:hover {
  opacity: 0.88;
}

/* ─── HERO ─── */
.hero-section {
  background: #f0f4fb;
  padding: 54px 0 48px;
  overflow: hidden;
}

.phone-container {
  position: relative;
  display: inline-block;
}

.phone-frame {
  max-width: 100%;
  overflow: hidden;
}

.phone-frame img {
  width: 100%;
  display: block;
}

.hero-center-col {
  padding: 0 8px;
}

.hero-logo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.hero-3d-icon {
  height: 64px;
}

.hero-brand-text {
  height: 64px;
}

.hero-logo-img {
  height: 64px;
  width: auto;
}

.hero-logo-dark {
  display: none;
}

.hero-desc {
  font-size: 14px;
  color: #7a8899;
  line-height: 1.75;
  margin-bottom: 28px;
}

.hero-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.btn-start-now {
  background: #1a2952;
  color: #fff;
  font-size: 14px;
  font-weight: var(--fw-bold);
  padding: 13px 26px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-start-now:hover {
  background: #111e3a;
  color: #fff;
}

.btn-view-services {
  background: #00c4d4;
  color: #fff;
  font-size: 14px;
  font-weight: var(--fw-bold);
  padding: 13px 26px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-block;
}

.btn-view-services:hover {
  background: #00a8b5;
  color: #fff;
}

.hero-dots {
  display: flex;
  gap: 7px;
  margin-top: 20px;
  justify-content: center;
}

.hero-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c8d3e8;
  transition: all 0.2s;
}

.hero-dot.active {
  background: #00c4d4;
  width: 22px;
  border-radius: 4px;
}

.hero-badge-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: center;
}

.hero-badge-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(30, 45, 74, 0.1);
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.hero-badge-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #e8edf5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  color: #1a2952;
}

.hero-badge-text strong {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin-bottom: 4px;
}

.hero-badge-text span {
  font-size: 12px;
  color: #7a8899;
  line-height: 1.5;
}

.hero-badge-text .highlight {
  color: #f44;
  font-weight: var(--fw-semibold);
}

/* ─── LOGIN SECTION ─── */
.login-section {
  background: #f0f4fb;
  padding: 40px 0 60px;
}

.login-wrapper {
  background-color: #ebedf2;
  border-radius: 20px;
  padding: 40px;
}

.login-card {
  max-width: 560px;
  margin: 0 auto;
}

.login-card h4 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  text-align: center;
  margin-bottom: 28px;
  letter-spacing: -0.3px;
}

.lbl {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #4a5568;
  margin-bottom: 7px;
}

.inp {
  width: 100%;
  border: 1.5px solid #e2e8f0;
  border-radius: 9px;
  padding: 11px 14px 11px 38px;
  font-size: 14px;
  color: #1e2d4a;
  background: #fff;
  font-family: "Inter", sans-serif;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.inp:focus {
  border-color: #00c4d4;
  box-shadow: 0 0 0 3px rgba(0, 196, 212, 0.12);
}

.inp::placeholder {
  color: #b0bbc9;
}

.inp-wrap {
  position: relative;
}

.inp-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #b0bbc9;
  font-size: 15px;
  pointer-events: none;
}

.inp-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #b0bbc9;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
}

.inp-eye:hover {
  color: #00c4d4;
}

.btn-sign-in {
  background: #00c4d4;
  color: #fff;
  width: 100%;
  padding: 13px;
  border-radius: 9px;
  border: none;
  font-size: 15px;
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: "Inter", sans-serif;
  transition: background 0.2s;
}

.btn-sign-in:hover {
  background: #00a8b5;
}

.btn-google-login {
  width: 100%;
  border: 1.5px solid #e2e8f0;
  background: #fff;
  color: #1e2d4a;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  padding: 12px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  transition: border-color 0.2s;
}

.btn-google-login:hover {
  border-color: #00c4d4;
}

.google-g {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.5 0 6.5 1.2 8.9 3.2l6.6-6.6C35.5 2.5 30.1 0 24 0 14.6 0 6.6 5.4 2.6 13.3l7.7 6C12.1 13.1 17.6 9.5 24 9.5z"/><path fill="%2334A853" d="M46.5 24.5c0-1.6-.1-3.1-.4-4.5H24v8.5h12.7c-.6 3-2.3 5.5-4.9 7.2l7.5 5.8c4.4-4 6.9-10 6.9-17z"/><path fill="%23FBBC05" d="M10.3 28.7C9.8 27.2 9.5 25.6 9.5 24s.3-3.2.8-4.7L2.6 13.3C.9 16.8 0 20.3 0 24s.9 7.2 2.6 10.7l7.7-6z"/><path fill="%234285F4" d="M24 48c6.1 0 11.2-2 14.9-5.4l-7.5-5.8c-2 1.4-4.7 2.2-7.4 2.2-6.4 0-11.9-3.6-13.7-8.8l-7.7 6C6.6 42.6 14.6 48 24 48z"/></svg>') center/contain no-repeat;
}

.login-btn-row {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}

.login-btn-row .btn-sign-in {
  flex: 1;
}

.login-btn-row .btn-google-login {
  flex: 1;
}

.login-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #7a8899;
}

.remember-label {
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.recover-link {
  color: #4a5568;
}

.recover-link:hover {
  color: #00c4d4;
}

.signup-text {
  text-align: center;
  font-size: 13px;
  color: #7a8899;
  margin-top: 14px;
}

.signup-text a {
  color: #00c4d4;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

/* Alert overrides for login page */
.login-alert {
  border-radius: 9px;
  margin-bottom: 16px;
  font-size: 14px;
}

/* ─── SECTION COMMON ─── */
.sec-title {
  font-size: 26px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  text-align: center;
  margin-bottom: 40px;
}

.sec-sub {
  font-size: 14px;
  color: #7a8899;
  text-align: center;
  margin-bottom: 40px;
}

.sec-sub-line {
  width: 48px;
  height: 3px;
  background: #00c4d4;
  border-radius: 2px;
  margin: 8px auto 44px;
}

/* ─── WHAT WE OFFER ─── */
.offers-section {
  background: #f0f4fb;
  padding: 64px 0;
}

.offer-col {
  text-align: center;
  padding: 12px;
  background-color: #fff;
  border-radius: 20px;
}

.offer-icon-box {
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.offer-col:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 196, 212, 0.18);
}

.offer-icon-box img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.offer-name {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #1e2d4a;
  line-height: 1.4;
}

/* ─── WHO THIS IS FOR ─── */
.for-section {
  background: #fff;
  padding: 64px 0;
  border-top: 1px solid #edf1f7;
}

.for-amp {
  font-size: 72px;
  font-weight: var(--fw-black);
  color: #00c4d4;
  line-height: 0.85;
  display: block;
  margin-bottom: -4px;
}

.for-title {
  font-size: 26px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin: 10px 0 24px;
}

.for-list {
  list-style: none;
  padding: 0;
}

.for-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 14px;
}

.for-list li::before {
  content: "▸";
  color: #00c4d4;
  font-size: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}

.for-robot-img {
  width: 100%;
  max-width: 440px;
  display: block;
  margin: 0 auto;
}

/* ─── STATS ─── */
.stats-section {
  background: #fff;
  border-top: 1px solid #edf1f7;
  border-bottom: 1px solid #edf1f7;
  padding: 44px 0;
}

.stat-box {
  text-align: center;
  padding: 4px 0;
}

.stat-icon {
  font-size: 28px;
  color: #00c4d4;
  margin-bottom: 8px;
}

.stat-num {
  font-size: 36px;
  font-weight: var(--fw-extrabold);
  color: #00c4d4;
  line-height: 1;
  margin-bottom: 6px;
}

.stat-lbl {
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: #7a8899;
}

/* ─── TESTIMONIALS ─── */
.testimonials-section {
  background: #f0f4fb;
  padding: 64px 0;
}

.test-card-wrap {
  padding-top: 40px;
  height: 100%;
}

.test-card {
  background: #fff;
  border-radius: 18px;
  padding: 52px 24px 28px;
  box-shadow: 0 4px 24px rgba(30, 45, 74, 0.08);
  text-align: center;
  position: relative;
  height: 100%;
}

.test-avatar-wrap {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 4px 16px rgba(30, 45, 74, 0.14);
  overflow: hidden;
  background: #e8f0fe;
}

.test-avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.test-name {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin-bottom: 4px;
}

.test-role {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: #00c4d4;
  margin-bottom: 3px;
}

.test-country {
  font-size: 12px;
  color: #a0aec0;
  margin-bottom: 10px;
}

.test-stars {
  color: #f59e0b;
  font-size: 15px;
  letter-spacing: 2px;
  margin-bottom: 14px;
}

.test-text {
  font-size: 13px;
  color: #7a8899;
  line-height: 1.8;
  margin: 0;
}

.test-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 36px;
}

.test-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c8d3e8;
}

.test-dot.active {
  background: #00c4d4;
  width: 22px;
  border-radius: 4px;
}

/* ─── BAR TITLE ─── */
.bar-title {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-bottom: 8px;
}

.bar-title::before {
  content: "";
  display: block;
  width: 5px;
  border-radius: 3px;
  background: #00c4d4;
  flex-shrink: 0;
  min-height: 100%;
}

.bar-title-text {
  font-size: 26px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  line-height: 1.2;
}

/* ─── CONTACT ─── */
.contact-section {
  background: #fff;
  padding: 64px 0;
}

.contact-sub {
  font-size: 13px;
  color: #7a8899;
  margin-bottom: 28px;
  margin-top: 6px;
  line-height: 1.6;
}

.contact-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e8edf5;
  padding: 10px 24px;
  height: 100%;
}

.contact-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f4fb;
}

.contact-row:last-child {
  border-bottom: none;
}

.c-icon-outline {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #8899aa;
  flex-shrink: 0;
}

.c-row-label {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  line-height: 1.3;
}

.c-row-value {
  font-size: 13px;
  color: #00c4d4;
}

.ticket-box {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e8edf5;
  padding: 36px 30px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ticket-icon {
  font-size: 52px;
  color: #c0ccd8;
  margin-bottom: 18px;
  line-height: 1;
}

.ticket-box h5 {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin-bottom: 12px;
}

.ticket-box p {
  font-size: 13px;
  color: #7a8899;
  line-height: 1.75;
  margin-bottom: 24px;
  max-width: 380px;
}

.btn-ticket-login {
  background: linear-gradient(90deg, #00c4d4 0%, #00a8b5 100%);
  color: #fff;
  font-size: 15px;
  font-weight: var(--fw-bold);
  padding: 13px 52px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  transition: opacity 0.2s;
  letter-spacing: 0.3px;
  display: inline-block;
}

.btn-ticket-login:hover {
  opacity: 0.88;
  color: #fff;
}

/* ─── FAQ ─── */
.faq-section {
  background: #f0f4fb;
  padding: 64px 0;
}

.faq-left-text {
  font-size: 14px;
  color: #7a8899;
  line-height: 1.75;
  margin-top: 10px;
}

.faq-highlight {
  color: #00c4d4;
  font-weight: var(--fw-semibold);
}

.accordion-item {
  background: #e8edf5;
  border: none !important;
  border-radius: 12px !important;
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion-button {
  font-size: 14px;
  font-weight: var(--fw-semibold);
  color: #1e2d4a;
  background: #e8edf5;
  padding: 16px 20px;
  box-shadow: none !important;
  font-family: "Inter", sans-serif;
}

.accordion-button:not(.collapsed) {
  color: #1e2d4a;
  background: #e8edf5;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234a5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300c4d4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e");
}

.accordion-body {
  font-size: 13px;
  color: #7a8899;
  line-height: 1.75;
  background: #e8edf5;
  padding: 4px 20px 18px;
}

/* ─── FOOTER ─── */
.site-footer {
  background: #0c1630;
  padding: 52px 0 0;
}

.footer-col-head {
  display: flex;
  align-items: stretch;
  gap: 10px;
  font-size: 13px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 18px;
}

.footer-col-head::before {
  content: "";
  display: block;
  width: 4px;
  border-radius: 3px;
  background: #00c4d4;
  flex-shrink: 0;
}

.footer-link {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #7a8fa8;
  margin-bottom: 9px;
  transition: color 0.2s;
}

.footer-link::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00c4d4;
  flex-shrink: 0;
}

.footer-link:hover {
  color: #00c4d4;
}

.footer-logo {
  height: 40px;
  margin: 0 auto 14px;
}

.footer-desc {
  font-size: 13px;
  color: #7a8fa8;
  line-height: 1.75;
  text-align: center;
}

.footer-socials {
  display: flex;
  gap: 18px;
  justify-content: center;
  margin-top: 20px;
}

.s-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  text-decoration: none;
}

.s-btn-icon {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background: #0e4a5c;
  color: #00c4d4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: background 0.2s;
}

.s-btn:hover .s-btn-icon {
  background: #00c4d4;
  color: #fff;
}

.s-btn-label {
  font-size: 12px;
  color: #7a8fa8;
  transition: color 0.2s;
}

.s-btn:hover .s-btn-label {
  color: #00c4d4;
}

.footer-trial-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, #6b7af7 0%, #40c8e8 100%);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  border-radius: 50px;
  padding: 10px 22px;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s;
}

.footer-trial-btn:hover {
  opacity: 0.88;
  color: #fff;
}

.footer-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin: 36px 0 0;
  padding-top: 28px;
}

.footer-langs-title {
  text-align: center;
  font-size: 12px;
  font-weight: var(--fw-bold);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7a8fa8;
  margin-bottom: 18px;
}

.footer-langs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  padding-bottom: 28px;
}

.fl-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #7a8fa8;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s, color 0.2s;
}

.fl-item:hover {
  color: #00c4d4;
  border-color: #00c4d4;
}

.fl-item img {
  width: 22px;
  height: 16px;
  border-radius: 3px;
  object-fit: cover;
  flex-shrink: 0;
}

.fl-code {
  font-size: 11px;
  font-weight: var(--fw-bold);
  color: #fff;
  min-width: 22px;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
  padding: 16px 0;
  font-size: 12px;
  color: #4a5e78;
}

/* ══════════════════════════════════════════════════════
   AUTH / DASHBOARD PAGE STYLES
   Font: Montserrat
══════════════════════════════════════════════════════ */
body.pp-body {
  font-family: "Montserrat", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  background: var(--smm-bg);
  color: var(--smm-ink);
  padding-left: calc(var(--pp-sidebar-w) + var(--pp-sidebar-gap));
  padding-top: var(--pp-topbar-h);
}

body.pp-body .modal.fade.show {
  opacity: 1;
}

body.pp-body .modal.fade.show .modal-dialog {
  transform: none;
  -webkit-transform: none;
}

body.pp-body .modal-backdrop.fade.show {
  opacity: 0.5;
}

/* ─── SIDEBAR ─── */
.pp-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: var(--pp-sidebar-w);
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  border-right: 1px solid rgb(255, 255, 255);
  border-radius: 0 24px 24px 0;
  box-shadow: var(--pp-shadow-soft);
  backdrop-filter: blur(20px);
  z-index: 1040;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

[data-bs-theme=dark] .pp-sidebar {
  background: rgba(13, 43, 54, 0.92);
  border-right-color: rgba(255, 255, 255, 0.05);
}

.pp-sidebar::-webkit-scrollbar {
  width: 4px;
}

.pp-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 202, 243, 0.25);
  border-radius: 2px;
}

.pp-brand {
  display: flex;
  align-items: center;
  padding: 22px 24px 16px;
  text-decoration: none;
}

.pp-brand img {
  height: 52px;
  width: auto;
  max-width: 180px;
}

.pp-brand-text {
  font-weight: var(--fw-extrabold);
  font-size: 20px;
  color: var(--smm-primary);
}

.pp-nav {
  padding: 4px 16px 80px;
}

.pp-nav-group {
  margin-bottom: 10px;
}

.pp-nav-group-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--fw-bold);
  font-size: 10px;
  color: var(--smm-ink-3);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 8px 4px 4px;
  cursor: pointer;
  user-select: none;
}

.pp-nav-group-title .caret {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid var(--smm-ink-3);
  margin-left: auto;
  transition: transform 0.15s;
}

.pp-nav-group.collapsed .caret {
  transform: rotate(-90deg);
}

.pp-nav-group.collapsed .pp-nav-list {
  display: none;
}

.pp-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pp-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border-radius: 10px;
  color: var(--smm-ink-2);
  font-weight: var(--fw-medium);
  font-size: 13.5px;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.pp-nav-item:hover {
  background: rgba(0, 202, 243, 0.08);
  color: var(--smm-ink);
  text-decoration: none;
}

.pp-nav-item.active {
  background: var(--smm-primary);
  color: #fff;
  font-weight: var(--fw-bold);
  box-shadow: 0 4px 14px rgba(0, 202, 243, 0.35);
}

.pp-nav-item.active:hover {
  color: #fff;
  text-decoration: none;
}

.pp-nav-item .nav-ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-nav-item .badge-new {
  margin-left: auto;
  font-size: 9px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  background: var(--smm-warn);
  color: #fff;
  padding: 2px 6px;
  border-radius: 6px;
}

/* ─── TOPBAR ─── */
.pp-topbar {
  position: fixed;
  top: 0;
  left: calc(var(--pp-sidebar-w) + var(--pp-sidebar-gap));
  right: 0;
  height: var(--pp-topbar-h);
  background: var(--smm-surface);
  border-bottom: 1px solid var(--smm-border);
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 32px 0 36px;
}

[data-bs-theme=dark] .pp-topbar {
  background: rgba(13, 43, 54, 0.95);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.pp-page-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pp-page-title h1 {
  font-weight: var(--fw-bold);
  font-size: 30px;
  color: var(--smm-ink);
  margin: 0;
  line-height: 1;
}

.pp-page-title .subtitle {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin: 0;
  font-weight: var(--fw-medium);
}

.pp-topbar-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #F5F6FA;
  border-radius: 60px;
  padding: 10px 22px;
  height: 60px;
}

[data-bs-theme=dark] .pp-topbar-actions {
  background: rgba(255, 255, 255, 0.04);
}

/* Theme toggle (topbar) */
.pp-theme-toggle {
  display: none;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--smm-ink-2);
  padding: 4px 8px;
  cursor: pointer;
}

.pp-theme-toggle .ico {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  display: inline-flex;
}

.pp-theme-toggle .switch {
  width: 32px;
  height: 18px;
  border-radius: 10px;
  background: rgba(0, 28, 38, 0.15);
  position: relative;
  cursor: pointer;
}

[data-bs-theme=dark] .pp-theme-toggle .switch {
  background: rgba(0, 202, 243, 0.25);
}

.pp-theme-toggle .switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--smm-primary);
  transition: transform 0.2s;
}

[data-bs-theme=dark] .pp-theme-toggle .switch::after {
  transform: translateX(14px);
}

/* Language (topbar) */
.pp-lang {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--fw-medium);
  font-size: 13px;
  color: var(--smm-ink-2);
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pp-lang .flag {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1565C0, #42A5F5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.pp-lang .caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--smm-ink-3);
}

/* Bell */
.pp-bell {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: transparent;
  color: var(--smm-ink);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-bell::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  background: var(--smm-danger);
  border-radius: 50%;
  border: 2px solid #F5F6FA;
}

[data-bs-theme=dark] .pp-bell::after {
  border-color: rgba(13, 43, 54, 0.95);
}

body.pp-body .pp-bell::after {
  content: none;
  display: none;
}

/* Wallet */
.pp-wallet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--fw-medium);
  font-size: 14px;
  color: var(--smm-ink-2);
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pp-wallet .ico {
  color: var(--smm-ink);
  display: inline-flex;
}

.pp-wallet .amount {
  background: rgba(102, 204, 0, 0.12);
  color: #59B200;
  font-weight: var(--fw-bold);
  padding: 4px 8px;
  border-radius: 6px;
}

.pp-wallet .caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--smm-ink-3);
}

/* Currency dropdown — scrollable, never taller than viewport */
#currencies-list {
  max-height: min(320px, 70vh);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--smm-border) transparent;
  padding: 6px;
  min-width: 160px;
}

#currencies-list::-webkit-scrollbar {
  width: 5px;
}

#currencies-list::-webkit-scrollbar-track {
  background: transparent;
}

#currencies-list::-webkit-scrollbar-thumb {
  background: var(--smm-border);
  border-radius: 4px;
}

#currencies-list .dropdown-item {
  border-radius: 8px;
  font-size: 13px;
  font-weight: var(--fw-medium);
  padding: 7px 12px;
  color: var(--smm-ink-2);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

#currencies-list .dropdown-item:hover {
  background: var(--smm-bg);
  color: var(--smm-primary);
}

[data-bs-theme=dark] #currencies-list .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* Profile */
.pp-profile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: 8px;
  padding-left: 20px;
  border-left: 1px solid rgba(0, 28, 38, 0.08);
  cursor: pointer;
}

[data-bs-theme=dark] .pp-profile {
  border-left-color: rgba(255, 255, 255, 0.08);
}

.pp-profile .name {
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--smm-ink);
}

.pp-profile .caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--smm-ink-3);
}

.pp-profile .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(135deg, #797AF2, #00CAF3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 16px;
  flex: 0 0 48px;
}

/* ─── MAIN CONTENT ─── */
.pp-main {
  padding: 28px 32px;
  min-height: calc(100vh - var(--pp-topbar-h));
}

/* ─── CARDS ─── */
.pp-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  box-shadow: var(--pp-shadow-card);
}

[data-bs-theme=dark] .pp-card {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.pp-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.pp-card-header h3 {
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--smm-ink);
  margin: 0;
}

.pp-card-header .sub-ico {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ─── FORM CONTROLS (auth) ─── */
.pp-field {
  margin-bottom: 16px;
}

.pp-field-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: var(--fw-medium);
  font-size: 14px;
  color: var(--smm-ink);
  margin: 0 4px 6px;
}

.pp-field-label .right {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--smm-ink-2);
  cursor: pointer;
  font-weight: var(--fw-medium);
  font-size: 13px;
}

.pp-field-label .right:hover {
  color: var(--smm-primary);
}

.pp-input, .pp-select-wrap {
  width: 100%;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(51, 68, 102, 0.05);
  padding: 0 16px;
  font-family: inherit;
  font-size: 14px;
  color: var(--smm-ink);
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  position: relative;
}

[data-bs-theme=dark] .pp-input, [data-bs-theme=dark] .pp-select-wrap {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.pp-input input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--smm-ink);
  font: inherit;
  padding: 14px 0;
}

.pp-input input::placeholder {
  color: var(--smm-ink-4);
}

.pp-input .ico {
  color: var(--smm-ink-4);
  display: inline-flex;
  align-items: center;
  flex: 0 0 18px;
}

.pp-select {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--smm-ink);
  font: inherit;
  font-size: 14px;
  padding: 14px 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.pp-select option {
  background: var(--smm-surface);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .pp-select option {
  background: #0D2B36;
}

/* Virtual-select dropdown (category/service selects) — dark mode contrast fix */
[data-bs-theme=dark] .vscomp-wrapper {
  --vscomp-options-bg: #0D2B36;
  --vscomp-text-color: #E8F0F4;
  --vscomp-text-secondary-color: #8FA7B2;
  --vscomp-border-color: rgba(255,255,255,.08);
  --vscomp-input-bg: rgba(255,255,255,.04);
  --vscomp-input-color: #E8F0F4;
  --vscomp-input-placeholder-color: #8FA7B2;
  --vscomp-options-hover-bg: rgba(255,255,255,.06);
  --vscomp-options-selected-bg: rgba(0,202,243,.18);
  --vscomp-options-selected-color: #00CAF3;
}

[data-bs-theme=dark] .vscomp-dropbox-container,
[data-bs-theme=dark] .vscomp-options-container {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .vscomp-option,
[data-bs-theme=dark] .vscomp-option-text {
  color: #E8F0F4;
}

[data-bs-theme=dark] .vscomp-option.focused,
[data-bs-theme=dark] .vscomp-option:hover {
  background: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .vscomp-option.selected {
  background: rgba(0, 202, 243, 0.18);
  color: #00CAF3;
}

[data-bs-theme=dark] .vscomp-search-input {
  background: rgba(255, 255, 255, 0.04);
  color: #E8F0F4;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .vscomp-search-input::placeholder {
  color: #8FA7B2;
}

[data-bs-theme=dark] .vscomp-no-options {
  color: #8FA7B2;
}

.pp-select-caret {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--smm-ink-3);
  flex: 0 0 10px;
  pointer-events: none;
}

.pp-select-badge {
  background: #008CFF;
  color: #fff;
  font-weight: var(--fw-medium);
  font-size: 13px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
}

/* Qty stepper */
.pp-qty {
  display: flex;
  align-items: center;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(51, 68, 102, 0.05);
  padding: 7px;
  min-height: 50px;
}

[data-bs-theme=dark] .pp-qty {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.pp-qty button {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--smm-ink);
  color: #fff;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(51, 68, 102, 0.16);
  cursor: pointer;
  flex: 0 0 36px;
}

.pp-qty button:hover {
  background: #122930;
}

.pp-qty input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  text-align: center;
  font-weight: var(--fw-medium);
  font-size: 16px;
  color: var(--smm-ink);
  font-family: inherit;
}

.pp-minmax {
  display: flex;
  gap: 14px;
  align-items: center;
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 8px;
  padding: 0 6px;
}

/* Time pill */
.pp-time-pill {
  background: rgba(0, 202, 243, 0.06);
  border: 1px dashed rgba(0, 202, 243, 0.3);
  color: var(--smm-ink);
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: var(--fw-medium);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.pp-time-pill .ico {
  color: var(--smm-primary);
  display: inline-flex;
}

.pp-time-pill strong {
  color: var(--smm-ink);
  font-weight: var(--fw-bold);
  margin-left: 4px;
}

/* Charge pill */
.pp-charge {
  background: rgba(102, 204, 0, 0.1);
  border: 1px solid rgba(102, 204, 0, 0.25);
  color: #4D9900;
  border-radius: 12px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pp-charge .label {
  font-weight: var(--fw-bold);
  font-size: 16px;
}

.pp-charge .amount {
  font-weight: var(--fw-bold);
  font-size: 32px;
  line-height: 1;
}

[data-bs-theme=dark] .pp-charge {
  color: #9CE26B;
}

/* Submit */
.pp-submit {
  width: 100%;
  background: var(--smm-primary);
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 18px 24px;
  font-weight: var(--fw-bold);
  font-size: 16px;
  font-family: inherit;
  box-shadow: var(--smm-shadow-btn);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background 0.15s, transform 0.15s;
}

.pp-submit:hover {
  background: #00B5D9;
  transform: translateY(-1px);
}

/* ── Add Funds ── */
.pp-card-pad {
  padding: 22px;
}

.pp-amount-input {
  width: 100%;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(51, 68, 102, 0.05);
  padding: 14px 18px;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: #4D9900;
  display: flex;
  align-items: center;
  gap: 6px;
}

[data-bs-theme=dark] .pp-amount-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  color: #9CE26B;
}

.pp-amount-input::before {
  content: "$";
  font-weight: var(--fw-bold);
}

.pp-amount-input input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  width: 100%;
}

.pp-amount-input input::-webkit-outer-spin-button, .pp-amount-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pp-amount-hint {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 8px;
  margin-left: 4px;
}

.pp-quick-amounts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin-top: 6px;
}

.pp-quick-amount {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  padding: 14px 6px;
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--smm-ink);
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
  text-align: center;
}

[data-bs-theme=dark] .pp-quick-amount {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.pp-quick-amount:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.pp-quick-amount.active {
  background: var(--smm-primary);
  border-color: var(--smm-primary);
  color: #fff;
  box-shadow: var(--pp-shadow-cyan);
}

/* ── Payment History Table ── */
.pp-table-wrap {
  padding: 0 22px 22px;
  overflow-x: auto;
}

.pp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  min-width: 520px;
}

.pp-table thead th {
  background: #3A4548;
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 13px;
  text-align: left;
  padding: 14px 16px;
  white-space: nowrap;
}

[data-bs-theme=dark] .pp-table thead th {
  background: rgba(255, 255, 255, 0.06);
}

.pp-table thead th:first-child {
  border-radius: 12px 0 0 12px;
  padding-left: 24px;
}

.pp-table thead th:last-child {
  border-radius: 0 12px 12px 0;
  padding-right: 24px;
  text-align: right;
}

.pp-table tbody tr {
  background: var(--smm-surface);
}

[data-bs-theme=dark] .pp-table tbody tr {
  background: rgba(13, 43, 54, 0.55);
}

.pp-table tbody td {
  padding: 14px 16px;
  font-size: 13px;
  color: var(--smm-ink);
  vertical-align: middle;
  border-top: 1px solid var(--smm-border);
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-table tbody td {
  border-color: rgba(255, 255, 255, 0.05);
}

.pp-table tbody td:first-child {
  border-left: 1px solid var(--smm-border);
  border-radius: 12px 0 0 12px;
  padding-left: 24px;
}

.pp-table tbody td:last-child {
  border-right: 1px solid var(--smm-border);
  border-radius: 0 12px 12px 0;
  padding-right: 24px;
  text-align: right;
}

[data-bs-theme=dark] .pp-table tbody td:first-child, [data-bs-theme=dark] .pp-table tbody td:last-child {
  border-color: rgba(255, 255, 255, 0.05);
}

.pp-table .id-cell {
  color: var(--smm-ink-2);
  font-weight: var(--fw-medium);
  font-family: ui-monospace, Menlo, monospace;
}

.pp-table .date-cell {
  color: var(--smm-ink-2);
}

.pp-table .charge-cell {
  color: #4D9900;
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] .pp-table .charge-cell {
  color: #9CE26B;
}

.pp-invoice-link {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
  text-decoration: none;
}

.pp-invoice-link:hover {
  text-decoration: underline;
}

/* ── Pagination ── */
.pp-pagination {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 22px 22px;
  flex-wrap: wrap;
}

.pp-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--smm-border);
  background: var(--smm-surface);
  color: var(--smm-ink-2);
  font-weight: var(--fw-semibold);
  font-size: 13px;
  text-decoration: none;
  transition: all 0.15s;
  padding: 0 8px;
}

[data-bs-theme=dark] .pp-page-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.pp-page-btn:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.pp-page-btn.active {
  background: var(--smm-primary);
  border-color: var(--smm-primary);
  color: #fff;
}

/* ── Trustpilot widget ── */
.pp-trustpilot-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px;
}

.pp-trustpilot-wrap .trustpilot-widget {
  border-radius: 8px;
  overflow: hidden;
}

[data-bs-theme=dark] .pp-trustpilot-wrap .trustpilot-widget {
  filter: invert(1) hue-rotate(180deg);
}

/* ── Crypto recharge instructions ── */
.pp-crypto-box .pp-crypto-content {
  font-size: 13.5px;
  color: var(--smm-ink-2);
  line-height: 1.6;
}

.pp-crypto-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0 0 10px;
}

.pp-crypto-subtitle {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 16px 0 8px;
}

.pp-crypto-bot {
  font-weight: var(--fw-bold);
  color: var(--smm-primary);
  margin: 4px 0;
}

.pp-crypto-list {
  margin: 0 0 4px;
  padding-left: 20px;
}

.pp-crypto-list li {
  margin-bottom: 4px;
}

.pp-crypto-footer {
  margin-top: 16px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
}

/* ── Right rail ── */
.pp-addfunds-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  align-items: start;
}

.pp-addfunds-grid > * {
  min-width: 0;
}

.pp-addfunds-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: calc(var(--pp-topbar-h) + 28px);
}

.pp-balance-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  padding: 28px 22px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

[data-bs-theme=dark] .pp-balance-card {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.pp-balance-card::before {
  content: "$";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 220px;
  font-weight: var(--fw-bold);
  color: var(--smm-bg);
  z-index: 0;
  line-height: 1;
}

[data-bs-theme=dark] .pp-balance-card::before {
  color: rgba(255, 255, 255, 0.03);
}

.pp-balance-card > * {
  position: relative;
  z-index: 1;
}

.pp-balance-card .lbl {
  font-weight: var(--fw-bold);
  font-size: 13px;
  color: var(--smm-ink-2);
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pp-balance-card .amt {
  font-weight: var(--fw-extrabold);
  font-size: 46px;
  color: #4D9900;
  line-height: 1;
  word-break: break-all;
}

[data-bs-theme=dark] .pp-balance-card .amt {
  color: #9CE26B;
}

.pp-balance-card .sub {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 6px;
}

.pp-summary-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  padding: 22px;
}

[data-bs-theme=dark] .pp-summary-card {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.pp-summary-card h4 {
  font-weight: var(--fw-bold);
  font-size: 15px;
  color: var(--smm-ink);
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.pp-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 13px;
  color: var(--smm-ink-2);
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-summary-row {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.pp-summary-row:last-child {
  border-bottom: 0;
}

.pp-summary-row.total {
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  padding-top: 12px;
  margin-top: 4px;
  border-top: 2px solid var(--smm-border);
  border-bottom: 0;
}

[data-bs-theme=dark] .pp-summary-row.total {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.pp-summary-row .v {
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.pp-summary-row.total .v {
  color: #4D9900;
  font-size: 16px;
}

[data-bs-theme=dark] .pp-summary-row.total .v {
  color: #9CE26B;
}

.pp-bonus-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 13px;
  color: var(--smm-ink-2);
}

.pp-bonus-row + .pp-bonus-row {
  border-top: 1px dashed var(--smm-border);
}

[data-bs-theme=dark] .pp-bonus-row + .pp-bonus-row {
  border-top-color: rgba(255, 255, 255, 0.06);
}

.pp-bonus-row .badge-bonus {
  background: rgba(102, 204, 0, 0.1);
  color: #4D9900;
  font-weight: var(--fw-bold);
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 6px;
}

[data-bs-theme=dark] .pp-bonus-row .badge-bonus {
  color: #9CE26B;
}

.pp-tip {
  background: rgba(255, 170, 0, 0.06);
  border: 1px solid rgba(255, 170, 0, 0.2);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 12.5px;
  color: var(--smm-ink-2);
  line-height: 1.55;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.pp-tip .ico {
  color: #FFAA00;
  flex: 0 0 16px;
  margin-top: 1px;
  display: inline-flex;
}

.pp-tip strong {
  color: var(--smm-ink);
  font-weight: var(--fw-bold);
}

.pp-addfunds-gateway {
  font-size: 14px;
}

/* Sidebar logout — desktop topbar handles theme/lang/account, so hide here */
.pp-sidebar-logout {
  display: none;
  padding: 4px 16px 10px;
}

.pp-logout-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border-radius: 10px;
  color: var(--smm-danger);
  font-weight: var(--fw-semibold);
  font-size: 13.5px;
  text-decoration: none;
  transition: background 0.15s;
}

.pp-logout-item:hover {
  background: rgba(242, 85, 111, 0.08);
  color: var(--smm-danger);
}

.pp-settings-item {
  color: var(--pp-text-soft) !important;
}

.pp-settings-item:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #f8fafc !important;
}

/* Sidebar footer strip */
.pp-sidebar-foot {
  display: none;
  padding: 12px 18px;
  border-top: 1px solid var(--smm-border);
  align-items: center;
  gap: 6px;
}

[data-bs-theme=dark] .pp-sidebar-foot {
  border-top-color: rgba(255, 255, 255, 0.07);
}

.pp-sf-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: var(--smm-ink-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 30px;
}

.pp-sf-btn:hover {
  color: var(--smm-ink);
  background: rgba(0, 202, 243, 0.08);
}

.pp-sf-toggle {
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: rgba(0, 28, 38, 0.12);
  position: relative;
  cursor: pointer;
  border: 0;
  padding: 0;
  flex: 0 0 36px;
}

[data-bs-theme=dark] .pp-sf-toggle {
  background: rgba(0, 202, 243, 0.25);
}

.pp-sf-toggle::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--smm-primary);
  transition: transform 0.2s;
}

[data-bs-theme=dark] .pp-sf-toggle::after {
  transform: translateX(16px);
}

.pp-sf-lang {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pp-sf-lang .caret {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid var(--smm-ink-3);
}

/* Mobile burger + logo */
.pp-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 28, 38, 0.45);
  z-index: 1035;
}

.pp-sidebar-backdrop.open {
  display: block;
}

.pp-mobile-burger {
  display: none;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}

.pp-mobile-logo {
  display: none;
  height: 32px;
  width: auto;
}

/* Bottom nav (mobile) */
.pp-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #0D2232;
  z-index: 1050;
  padding: 0 4px;
}

.pp-bottom-nav-inner {
  display: flex;
  height: 100%;
  align-items: center;
}

.pp-bn-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.55);
  font-weight: var(--fw-semibold);
  font-size: 10px;
  padding: 6px 2px;
  border-radius: 10px;
  transition: color 0.15s;
  position: relative;
}

.pp-bn-item.active {
  color: var(--smm-primary);
}

.pp-bn-badge {
  position: absolute;
  top: -4px;
  right: -7px;
  background: var(--smm-danger);
  color: #fff;
  font-size: 8px;
  font-weight: var(--fw-bold);
  line-height: 1;
  padding: 2px 4px;
  border-radius: 8px;
  min-width: 14px;
  text-align: center;
}

.pp-bn-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #797AF2, #00CAF3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 12px;
}

/* Page hero (mobile only) */
.pp-page-hero {
  display: none;
}

/* ══════════════════════════════════════════════════════
   DARK MODE — PUBLIC PAGES
══════════════════════════════════════════════════════ */
[data-bs-theme=dark] .main-nav {
  background: #001C26;
}

[data-bs-theme=dark] .nav-card {
  background: rgba(13, 43, 54, 0.95);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

[data-bs-theme=dark] .nav-links a {
  color: #8FA7B2;
}

[data-bs-theme=dark] .nav-links a:hover, [data-bs-theme=dark] .nav-links a.active {
  color: #00c4d4;
}

.nav-hamburger-dark {
  display: none;
}

[data-bs-theme=dark] .nav-hamburger-light {
  display: none;
}

[data-bs-theme=dark] .nav-hamburger-dark {
  display: block;
}

[data-bs-theme=dark] .nav-dd-menu {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] .nav-dd-menu .dropdown-item {
  color: #8FA7B2;
}

[data-bs-theme=dark] .nav-dd-menu .dropdown-item:hover {
  color: #00c4d4;
  background: rgba(0, 196, 212, 0.08);
}

[data-bs-theme=dark] .nav-dd-menu .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .btn-get-started {
  background: #1B4754;
}

[data-bs-theme=dark] .btn-get-started:hover {
  background: #245e70;
  color: #fff;
}

[data-bs-theme=dark] .mobile-drawer {
  background: #0D2B36;
}

[data-bs-theme=dark] .drawer-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .drawer-close {
  background: #1B4754;
  color: #8FA7B2;
}

[data-bs-theme=dark] .drawer-nav li a {
  color: #8FA7B2;
}

[data-bs-theme=dark] .drawer-nav li a:hover, [data-bs-theme=dark] .drawer-nav li a.active {
  color: #00c4d4;
  background: rgba(0, 196, 212, 0.08);
}

[data-bs-theme=dark] .drawer-acc-toggle {
  color: #8FA7B2;
}

[data-bs-theme=dark] .drawer-acc-toggle:hover {
  color: #00c4d4;
  background: rgba(0, 196, 212, 0.08);
}

[data-bs-theme=dark] .drawer-acc-toggle i:first-child {
  color: #526166;
}

[data-bs-theme=dark] .drawer-acc-toggle:hover i:first-child {
  color: #00c4d4;
}

[data-bs-theme=dark] .drawer-sub-nav {
  background: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .drawer-sub-nav li a {
  color: #8FA7B2;
}

[data-bs-theme=dark] .drawer-sub-nav li a:hover {
  color: #00c4d4;
  background: rgba(0, 196, 212, 0.08);
}

[data-bs-theme=dark] .drawer-free-wrap {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

[data-bs-theme=dark] .drawer-btns {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .hero-section {
  background: #001C26;
}

[data-bs-theme=dark] .hero-brand-text {
  filter: brightness(0) invert(1);
}

[data-bs-theme=dark] .hero-3d-icon {
  filter: brightness(1.2) drop-shadow(0 0 8px rgba(0, 202, 243, 0.3));
}

[data-bs-theme=dark] .hero-logo-light {
  display: none;
}

[data-bs-theme=dark] .hero-logo-dark {
  display: inline-block;
}

[data-bs-theme=dark] .hero-badge-card {
  background: #0D2B36;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

[data-bs-theme=dark] .hero-badge-icon {
  border-color: rgba(255, 255, 255, 0.1);
  color: #8FA7B2;
}

[data-bs-theme=dark] .hero-badge-text strong {
  color: #e8f0f4;
}

[data-bs-theme=dark] .hero-dot {
  background: #1B4754;
}

[data-bs-theme=dark] .hero-desc {
  color: #8FA7B2;
}

[data-bs-theme=dark] .login-section {
  background: #001C26;
}

[data-bs-theme=dark] .login-wrapper {
  background: #071a24;
}

[data-bs-theme=dark] .login-card h4 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .lbl {
  color: #8FA7B2;
}

[data-bs-theme=dark] .inp {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.12);
  color: #e8f0f4;
}

[data-bs-theme=dark] .inp::placeholder {
  color: #597380;
}

[data-bs-theme=dark] .inp:focus {
  border-color: #00c4d4;
  box-shadow: 0 0 0 3px rgba(0, 196, 212, 0.15);
}

[data-bs-theme=dark] .inp-icon, [data-bs-theme=dark] .inp-eye {
  color: #597380;
}

[data-bs-theme=dark] .btn-google-login {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.12);
  color: #e8f0f4;
}

[data-bs-theme=dark] .login-meta-row {
  color: #597380;
}

[data-bs-theme=dark] .recover-link {
  color: #8FA7B2;
}

[data-bs-theme=dark] .signup-text {
  color: #597380;
}

[data-bs-theme=dark] .sec-title {
  color: #e8f0f4;
}

[data-bs-theme=dark] .sec-sub {
  color: #8FA7B2;
}

[data-bs-theme=dark] .bar-title-text {
  color: #e8f0f4;
}

[data-bs-theme=dark] .offers-section {
  background: #071a24;
}

[data-bs-theme=dark] .offer-col {
  background: #0D2B36;
}

[data-bs-theme=dark] .offer-name {
  color: #e8f0f4;
}

[data-bs-theme=dark] .for-section {
  background: #001C26;
  border-top-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .for-title {
  color: #e8f0f4;
}

[data-bs-theme=dark] .for-list li {
  color: #8FA7B2;
}

[data-bs-theme=dark] .stats-section {
  background: #001C26;
  border-top-color: rgba(255, 255, 255, 0.06);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .stat-lbl {
  color: #8FA7B2;
}

[data-bs-theme=dark] .testimonials-section {
  background: #071a24;
}

[data-bs-theme=dark] .test-card {
  background: #0D2B36;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] .test-avatar-wrap {
  border-color: #0D2B36;
}

[data-bs-theme=dark] .test-name {
  color: #e8f0f4;
}

[data-bs-theme=dark] .test-country {
  color: #597380;
}

[data-bs-theme=dark] .test-text {
  color: #8FA7B2;
}

[data-bs-theme=dark] .test-dot {
  background: #1B4754;
}

[data-bs-theme=dark] .contact-section {
  background: #001C26;
}

[data-bs-theme=dark] .contact-sub {
  color: #8FA7B2;
}

[data-bs-theme=dark] .contact-card {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .contact-row {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .c-icon-outline {
  color: #597380;
}

[data-bs-theme=dark] .c-row-label {
  color: #e8f0f4;
}

[data-bs-theme=dark] .ticket-box {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .ticket-box h5 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .ticket-box p {
  color: #8FA7B2;
}

[data-bs-theme=dark] .ticket-icon {
  color: #1B4754;
}

[data-bs-theme=dark] .faq-section {
  background: #071a24;
}

[data-bs-theme=dark] .faq-left-text {
  color: #8FA7B2;
}

[data-bs-theme=dark] .accordion-item {
  background: #0e2535 !important;
}

[data-bs-theme=dark] .accordion-button {
  background: #0e2535 !important;
  color: #e8f0f4 !important;
}

[data-bs-theme=dark] .accordion-button:not(.collapsed) {
  background: #0e2535 !important;
  color: #e8f0f4 !important;
}

[data-bs-theme=dark] .accordion-body {
  background: #0e2535 !important;
  color: #8FA7B2 !important;
}

.select2-container .dropdown-menu > li > a {
  color: var(--smm-ink);
}

.select2-container--default .select2-results__option[aria-selected=true] a {
  color: #1a1a1a !important;
}

/* ── Platform Filters ── */
.pp-platforms {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
  padding: 22px;
}

.pp-platform {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 14px;
  padding: 14px 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  cursor: pointer;
  transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

[data-bs-theme=dark] .pp-platform {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}

.pp-platform:hover {
  border-color: var(--smm-primary);
  transform: translateY(-2px);
}

.pp-platform.active {
  background: var(--smm-primary);
  border-color: var(--smm-primary);
  box-shadow: var(--pp-shadow-cyan);
}

.pp-platform.active .pp-platform-icon {
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
}

.pp-platform.active .pp-platform-label {
  color: #fff;
}

.pp-platform-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(0, 202, 243, 0.08);
  color: var(--smm-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-platform-label {
  font-weight: var(--fw-semibold);
  font-size: 12px;
  color: var(--smm-ink-2);
}

.pp-mobile-filter-row {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  cursor: pointer;
}

.pp-mf-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
}

.pp-mf-label {
  flex: 1;
  font-weight: var(--fw-semibold);
  font-size: 14px;
  color: var(--smm-ink);
}

.pp-mf-label .mf-sel {
  font-weight: var(--fw-medium);
  color: var(--smm-ink-3);
  font-size: 13px;
}

.pp-mf-caret {
  color: var(--smm-ink-3);
  display: inline-flex;
}

/* ── Order Tabs ── */
.pp-tabs {
  display: flex;
  gap: 0;
  margin-top: 22px;
  position: relative;
  z-index: 1;
}

.pp-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--smm-border);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  margin-right: -6px;
  color: var(--smm-ink-2);
  font-weight: var(--fw-semibold);
  font-size: 13px;
  cursor: pointer;
  position: relative;
  transition: color 0.15s, background 0.15s;
  font-family: inherit;
}

[data-bs-theme=dark] .pp-tab {
  background: rgba(13, 43, 54, 0.5);
  border-color: rgba(255, 255, 255, 0.06);
}

.pp-tab:hover {
  color: var(--smm-ink);
}

.pp-tab.active {
  background: var(--smm-surface);
  color: var(--smm-primary);
  z-index: 2;
}

[data-bs-theme=dark] .pp-tab.active {
  background: rgba(13, 43, 54, 0.95);
}

.pp-tab .ico {
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.pp-tab .pro {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: linear-gradient(135deg, #FFAA00, #FFCB5C);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-tab-panel {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 0 16px 16px 16px;
  padding: 26px 28px;
  box-shadow: var(--pp-shadow-cyan);
  position: relative;
  z-index: 1;
  margin-top: -1px;
}

[data-bs-theme=dark] .pp-tab-panel {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

/* ── Charge input (PP JS updates this) ── */
.pp-charge input {
  border: 0;
  outline: 0;
  background: transparent;
  font-weight: var(--fw-bold);
  font-size: 32px;
  line-height: 1;
  color: inherit;
  font-family: inherit;
  text-align: right;
  width: auto;
  min-width: 80px;
  max-width: 200px;
}

/* ── Terms checkbox ── */
.pp-terms-field {
  margin-top: 4px;
}

.pp-terms-label {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--smm-ink-2);
  cursor: pointer;
}

.pp-terms-label input[type=checkbox] {
  margin-top: 2px;
  accent-color: var(--smm-primary);
  flex: 0 0 15px;
}

.pp-terms-label a {
  color: var(--smm-primary);
  text-decoration: none;
}

.pp-terms-label a:hover {
  text-decoration: underline;
}

/* ── PP-injected fields (#fields) ── */
#fields .form-group {
  margin-bottom: 16px;
}

#fields .control-label {
  display: block;
  font-weight: var(--fw-medium);
  font-size: 14px;
  color: var(--smm-ink);
  margin: 0 4px 6px;
}

#fields .form-control {
  width: 100%;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(51, 68, 102, 0.05);
  padding: 12px 16px;
  font-family: inherit;
  font-size: 14px;
  color: var(--smm-ink);
  min-height: 50px;
  transition: border-color 0.15s, box-shadow 0.15s;
  outline: none;
}

[data-bs-theme=dark] #fields .form-control {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  color: var(--smm-ink);
}

#fields select.form-control option {
  background: var(--smm-surface);
  color: var(--smm-ink);
}

[data-bs-theme=dark] #fields select.form-control option {
  background: #0D2B36;
  color: #E8F0F4;
}

#fields .form-control:focus {
  border-color: var(--smm-primary);
  box-shadow: 0 0 0 3px rgba(0, 202, 243, 0.12);
}

#fields .form-control::placeholder {
  color: var(--smm-ink-4);
}

#fields textarea.form-control {
  resize: vertical;
  min-height: 100px;
}

#fields .help-block {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin: 6px 4px 0;
}

#fields .pp-minmax {
  display: flex;
  gap: 14px;
  align-items: center;
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 8px;
  padding: 0 6px;
}

/* ── Page grid ── */
.pp-new-order-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}

.pp-new-order-grid > * {
  min-width: 0;
}

/* ── Side card ── */
.pp-side-card {
  padding: 22px;
}

.pp-side-card .pp-side-title {
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--smm-ink);
  margin: 0 0 14px;
}

.pp-detail-block {
  background: var(--smm-bg);
  border-radius: 14px;
  padding: 18px;
  border: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-detail-block {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
}

.pp-detail-title {
  font-weight: var(--fw-bold);
  font-size: 14px;
  color: var(--smm-ink);
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.pp-detail-desc {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--smm-ink-2);
  margin: 0 0 14px;
}

.pp-detail-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: rgba(0, 202, 243, 0.06);
  border: 1px solid rgba(0, 202, 243, 0.18);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--smm-ink);
  font-size: 12px;
  font-weight: var(--fw-medium);
}

.pp-detail-note .ico {
  color: var(--smm-primary);
  flex: 0 0 16px;
  margin-top: 1px;
  display: inline-flex;
}

.pp-feature-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
  font-size: 12px;
  color: var(--smm-ink-2);
}

.pp-feature-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pp-feature-list li::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border-radius: 50%;
  background: rgba(102, 204, 0, 0.15) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366CC00' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/9px no-repeat;
}

.pp-help-block {
  margin-top: 18px;
}

.pp-help-block .lbl {
  font-weight: var(--fw-bold);
  font-size: 14px;
  color: var(--smm-ink);
}

.pp-help-block .sub {
  font-size: 12px;
  color: var(--smm-ink-2);
  margin-bottom: 10px;
}

.pp-help-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.pp-help-actions a {
  border: 0;
  border-radius: 0;
  padding: 0;
  text-align: left;
  font-weight: var(--fw-semibold);
  font-size: 14px;
  color: var(--pp-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  background: transparent;
  text-decoration: none;
  transition: color 0.15s;
}

[data-bs-theme=dark] .pp-help-actions a {
  background: transparent;
  border-color: transparent;
}

.pp-help-actions a:hover {
  border-color: transparent;
  color: var(--pp-primary);
}

/* ── PP alert ── */
.pp-alert {
  border-radius: 12px;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ══════════════════════════════════════════════════════
   GIVEAWAY PAGE
══════════════════════════════════════════════════════ */
/* Cards strip */
.gw-cards-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}

.gw-cards {
  display: flex;
  gap: 16px;
  min-width: max-content;
}

.gw-card {
  flex: 0 0 260px;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: var(--pp-shadow-card);
}

[data-bs-theme=dark] .gw-card {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.gw-card-active {
  background: linear-gradient(135deg, #797AF2 0%, #00CAF3 100%);
  border-color: transparent;
}

.gw-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gw-card-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 11px;
  font-weight: var(--fw-bold);
  color: #fff;
  padding: 3px 8px;
  border-radius: 20px;
  letter-spacing: 0.3px;
}

.gw-card-entries {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  color: rgba(255, 255, 255, 0.8);
}

.gw-card-badge-soon {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  background: var(--smm-bg);
  padding: 3px 8px;
  border-radius: 20px;
}

[data-bs-theme=dark] .gw-card-badge-soon {
  background: rgba(255, 255, 255, 0.06);
}

.gw-live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6EFF6E;
  animation: gw-pulse 1.4s infinite;
  flex: 0 0 6px;
}

@keyframes gw-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.gw-card-icon {
  font-size: 28px;
  line-height: 1;
}

.gw-card-title {
  font-weight: var(--fw-bold);
  font-size: 15px;
  color: var(--smm-ink);
}

.gw-card-active .gw-card-title {
  color: #fff;
}

.gw-card-sub {
  font-size: 12px;
  color: var(--smm-ink-3);
  line-height: 1.5;
}

.gw-card-cd {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.gw-cd-block {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
}

.gw-cd-block strong {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: #fff;
}

.gw-cd-block em {
  font-style: normal;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: var(--fw-semibold);
}

.gw-cd-sep {
  font-weight: var(--fw-extrabold);
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
}

/* Active giveaway banner */
.gw-banner {
  background: linear-gradient(135deg, #F2556F 0%, #797AF2 100%);
  border-radius: 20px;
  padding: 28px 32px;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.gw-banner::before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.gw-banner-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.gw-banner-info {
  flex: 1;
  min-width: 200px;
}

.gw-active-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-weight: var(--fw-bold);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
}

.gw-banner-title {
  font-size: 28px;
  font-weight: var(--fw-extrabold);
  margin: 0 0 6px;
  line-height: 1.2;
}

.gw-banner-desc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  line-height: 1.55;
  max-width: 400px;
}

.gw-banner-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.gw-countdown {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gw-cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  padding: 10px 14px;
  min-width: 62px;
}

.gw-cd-num {
  font-size: 30px;
  font-weight: var(--fw-extrabold);
  line-height: 1;
}

.gw-cd-lbl {
  font-size: 10px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  opacity: 0.8;
  margin-top: 2px;
}

.gw-cd-col {
  font-size: 26px;
  font-weight: var(--fw-extrabold);
  opacity: 0.6;
}

.gw-enter-btn {
  background: #fff;
  color: #F2556F;
  border: 0;
  border-radius: 12px;
  padding: 13px 28px;
  font-weight: var(--fw-bold);
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.15s, box-shadow 0.15s;
  white-space: nowrap;
}

.gw-enter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Main grid */
.gw-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  align-items: start;
}

/* Your participation */
.gw-part-badge {
  margin-left: auto;
  background: var(--smm-primary);
  color: #fff;
  font-size: 10px;
  font-weight: var(--fw-bold);
  padding: 2px 8px;
  border-radius: 20px;
  letter-spacing: 0.3px;
}

.gw-part-body {
  padding: 20px 22px;
}

.gw-rank-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.gw-rank-num {
  font-size: 52px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-primary);
  line-height: 1;
}

.gw-rank-lbl {
  font-weight: var(--fw-bold);
  font-size: 14px;
  color: var(--smm-ink);
}

.gw-rank-sub {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 2px;
}

.gw-entries-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.gw-entries-lbl {
  font-size: 13px;
  color: var(--smm-ink-2);
  font-weight: var(--fw-medium);
}

.gw-entries-val {
  font-size: 20px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
}

.gw-entry-bar-wrap {
  margin-bottom: 18px;
}

.gw-entry-bar {
  background: var(--smm-bg);
  border-radius: 6px;
  height: 8px;
  overflow: hidden;
  margin-bottom: 5px;
}

[data-bs-theme=dark] .gw-entry-bar {
  background: rgba(255, 255, 255, 0.06);
}

.gw-entry-bar-fill {
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(90deg, #797AF2, #00CAF3);
}

.gw-entry-bar-lbl {
  font-size: 11px;
  color: var(--smm-ink-3);
}

.gw-enter-btn-sm {
  width: 100%;
  background: var(--smm-primary);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 13px 20px;
  font-weight: var(--fw-bold);
  font-size: 14px;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 202, 243, 0.35);
  transition: background 0.15s;
}

.gw-enter-btn-sm:hover {
  background: #00B5D9;
}

/* Task list */
.gw-task-count {
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  background: var(--smm-bg);
  padding: 2px 8px;
  border-radius: 20px;
}

[data-bs-theme=dark] .gw-task-count {
  background: rgba(255, 255, 255, 0.06);
}

.gw-task-list {
  padding: 4px 0;
}

.gw-task-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .gw-task-item {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.gw-task-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--smm-bg);
  color: var(--smm-ink-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}

[data-bs-theme=dark] .gw-task-icon {
  background: rgba(255, 255, 255, 0.05);
}

.gw-task-icon-done {
  background: rgba(102, 204, 0, 0.12);
  color: #4D9900;
}

.gw-task-info {
  flex: 1;
  min-width: 0;
}

.gw-task-name {
  font-size: 13.5px;
  font-weight: var(--fw-medium);
  color: var(--smm-ink);
}

.gw-task-done .gw-task-name {
  color: var(--smm-ink-2);
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.2);
}

[data-bs-theme=dark] .gw-task-done .gw-task-name {
  text-decoration-color: rgba(255, 255, 255, 0.2);
}

.gw-badge-done {
  flex: 0 0 auto;
  background: rgba(102, 204, 0, 0.12);
  color: #4D9900;
  font-size: 10px;
  font-weight: var(--fw-bold);
  padding: 3px 8px;
  border-radius: 6px;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

[data-bs-theme=dark] .gw-badge-done {
  color: #9CE26B;
}

.gw-badge-pts {
  flex: 0 0 auto;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

/* Invite friends */
.gw-invite-body {
  padding: 18px 22px 22px;
}

.gw-invite-desc {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin: 0 0 14px;
  line-height: 1.5;
}

.gw-invite-row {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.gw-invite-input-wrap {
  flex: 1;
  min-width: 0;
}

.gw-invite-input {
  width: 100%;
  background: var(--smm-bg);
  border: 1px solid var(--smm-border);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: inherit;
  font-size: 13px;
  color: var(--smm-ink-2);
  outline: none;
}

[data-bs-theme=dark] .gw-invite-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--smm-ink-3);
}

.gw-copy-btn {
  background: var(--smm-primary);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: var(--fw-bold);
  font-size: 13px;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
  flex: 0 0 auto;
}

.gw-copy-btn:hover {
  background: #00B5D9;
}

.gw-invite-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.gw-invite-stat {
  background: var(--smm-bg);
  border-radius: 12px;
  padding: 12px 10px;
  text-align: center;
}

[data-bs-theme=dark] .gw-invite-stat {
  background: rgba(255, 255, 255, 0.04);
}

.gw-invite-stat-num {
  display: block;
  font-weight: var(--fw-extrabold);
  font-size: 22px;
  color: var(--smm-primary);
}

.gw-invite-stat-lbl {
  display: block;
  font-size: 11px;
  color: var(--smm-ink-3);
  font-weight: var(--fw-medium);
  margin-top: 2px;
}

.gw-invite-terms {
  font-size: 11px;
  color: var(--smm-ink-4);
  line-height: 1.5;
  margin: 0;
}

/* Leaderboard */
.gw-leaderboard {
  display: flex;
  flex-direction: column;
}

.gw-lb-list {
  padding: 8px 0;
  flex: 1;
}

.gw-lb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  transition: background 0.15s;
}

.gw-lb-item:hover {
  background: rgba(0, 202, 243, 0.04);
}

.gw-lb-gold {
  background: rgba(255, 215, 0, 0.05);
}

.gw-lb-silver {
  background: rgba(176, 196, 222, 0.05);
}

.gw-lb-bronze {
  background: rgba(205, 127, 50, 0.05);
}

.gw-lb-me {
  background: rgba(0, 202, 243, 0.07);
  border-top: 1px dashed rgba(0, 202, 243, 0.25);
  border-bottom: 1px dashed rgba(0, 202, 243, 0.25);
}

.gw-lb-rank {
  font-size: 18px;
  flex: 0 0 28px;
  text-align: center;
}

.gw-lb-rank-num {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
}

.gw-lb-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 13px;
  flex: 0 0 32px;
}

.gw-lb-name {
  flex: 1;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gw-lb-you {
  display: inline-block;
  background: var(--smm-primary);
  color: #fff;
  font-size: 9px;
  font-weight: var(--fw-bold);
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 4px;
  vertical-align: middle;
}

.gw-lb-entries {
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  white-space: nowrap;
  flex: 0 0 auto;
}

.gw-lb-footer {
  padding: 14px 20px;
  border-top: 1px solid var(--smm-border);
  font-size: 11.5px;
  color: var(--smm-ink-3);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.5;
}

[data-bs-theme=dark] .gw-lb-footer {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* Giveaway responsive */
@media (max-width: 1100px) {
  .gw-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .gw-banner-title {
    font-size: 22px;
  }
  .gw-cd-unit {
    min-width: 50px;
    padding: 8px 10px;
  }
  .gw-cd-num {
    font-size: 24px;
  }
}
/* ── New order extra text ── */
.pp-new-order-text {
  margin-top: 24px;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  padding: 22px 24px;
  font-size: 14px;
  color: var(--smm-ink-2);
  line-height: 1.6;
}

[data-bs-theme=dark] .pp-new-order-text {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.select2-container .select2-selection__id-3 {
  min-width: 38px;
  background: #00caf3;
}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════ */
/* Public nav mobile */
@media (max-width: 991px) {
  .nav-links, .nav-desktop-btns, .nav-free-wrap {
    display: none !important;
  }
  .nav-hamburger {
    display: flex;
  }
  .nav-card {
    justify-content: space-between;
  }
  .nav-card .nav-hamburger {
    order: 1;
  }
  .nav-card .navbar-brand {
    order: 2;
    margin-left: auto;
    margin-right: 0 !important;
  }
  .hero-section {
    padding: 32px 0 28px;
  }
  .hero-center-col {
    padding: 0;
    text-align: center;
  }
  .hero-logo-wrap {
    justify-content: center;
  }
  .hero-logo-img {
    height: 44px;
  }
  .hero-cta-row {
    justify-content: center;
  }
  .hero-badge-col {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .hero-badge-card {
    flex: 1 1 260px;
    max-width: 340px;
  }
  .for-robot-img {
    margin-top: 32px;
  }
  .login-btn-row {
    flex-direction: column;
  }
  .footer-langs {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .footer-langs {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .hero-3d-icon {
    height: 48px;
  }
  .hero-brand-text {
    height: 48px;
  }
}
@media (max-width: 575px) {
  .phone-frame {
    max-width: 240px;
    margin: 0 auto;
  }
  .hero-3d-icon {
    height: 36px;
  }
  .hero-brand-text {
    height: 36px;
  }
  .hero-desc {
    font-size: 13px;
  }
  .hero-badge-col {
    flex-direction: column;
  }
  .hero-badge-card {
    max-width: 100%;
    flex: none;
  }
  .login-card {
    padding: 24px 16px;
  }
  .stat-num {
    font-size: 28px;
  }
  .offers-section .row {
    row-gap: 24px;
  }
  .footer-langs {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Auth dashboard mobile */
@media (max-width: 991px) {
  html {
    overflow-x: hidden;
  }
  body.pp-body {
    padding-top: 64px;
    padding-left: 0;
    padding-bottom: 64px;
    overflow-x: hidden;
    max-width: 100vw;
  }
  .pp-main {
    overflow-x: hidden;
  }
  .pp-sidebar {
    transform: translateX(-100%);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0 20px 20px 0;
    width: 280px;
  }
  .pp-sidebar.open {
    transform: translateX(0);
  }
  .pp-topbar {
    left: 0;
    padding: 0 16px;
    height: 64px;
  }
  .pp-page-title {
    display: none;
  }
  .pp-topbar-actions {
    display: none;
  }
  .pp-mobile-burger {
    display: inline-flex;
  }
  .pp-mobile-logo {
    display: block;
    margin-left: auto;
  }
  .pp-page-hero {
    display: block;
    margin: -16px -14px 20px;
    padding: 22px 18px 26px;
    background: var(--smm-gradient);
  }
  .pp-page-hero h1 {
    color: #fff;
    font-size: 26px;
    font-weight: var(--fw-bold);
    margin: 0 0 4px;
    line-height: 1.2;
  }
  .pp-page-hero p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    margin: 0;
    font-weight: var(--fw-medium);
  }
  .pp-main {
    padding: 16px 14px;
  }
  .pp-bottom-nav {
    display: block;
  }
  /* Add funds mobile */
  .pp-quick-amounts {
    grid-template-columns: repeat(3, 1fr);
  }
  /* Sidebar: show logout + footer strip on mobile only */
  .pp-sidebar-logout {
    display: block;
  }
  .pp-sidebar-foot {
    display: flex;
  }
  /* New order page mobile */
  .pp-platforms {
    display: none;
  }
  .pp-mobile-filter-row {
    display: flex;
  }
  .pp-new-order-grid {
    grid-template-columns: 1fr;
  }
  .pp-tabs {
    gap: 2px;
    margin-top: 16px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pp-tabs::-webkit-scrollbar {
    display: none;
  }
  .pp-tab {
    padding: 10px 12px;
    gap: 5px;
    font-size: 12px;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
    margin-right: 0;
  }
  .pp-tab:not(.active) .tab-label {
    display: none;
  }
  .pp-tab-panel {
    border-radius: 0 16px 16px 16px;
    padding: 18px 14px;
  }
  .pp-field {
    margin-bottom: 16px;
  }
  .pp-select-wrap, .pp-input, .pp-select {
    max-width: 100%;
  }
  /* PP custom select widget — PP sets inline width on these, cap it */
  .chosen-container, .select2-container, .ss-main, .snssu-select {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .pp-charge {
    font-size: 15px;
  }
  .pp-charge input {
    font-size: 26px;
  }
  .pp-submit {
    width: 100%;
  }
  .pp-side-card {
    padding: 16px;
  }
  .pp-detail-block {
    padding: 14px;
  }
  .pp-feature-list {
    grid-template-columns: 1fr 1fr;
  }
  .pp-new-order-text {
    margin-top: 16px;
    padding: 16px;
  }
}
@media (max-width: 1280px) {
  .pp-new-order-grid {
    grid-template-columns: 1fr;
  }
  .pp-addfunds-grid {
    grid-template-columns: 1fr;
  }
  .pp-addfunds-rail {
    position: static;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .pp-platforms {
    grid-template-columns: repeat(7, 1fr);
  }
}
/* ══════════════════════════════════════════════════════
   SERVICES PAGE  (public guest + auth dashboard)
══════════════════════════════════════════════════════ */
/* Breadcrumb */
.breadcrumb-wrap {
  background: #f0f4fb;
  padding: 12px 0;
}

[data-bs-theme=dark] .breadcrumb-wrap {
  background: #001C26;
}

.pg-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 5px 16px;
  font-size: 12px;
}

[data-bs-theme=dark] .pg-breadcrumb {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.pg-breadcrumb a {
  color: #9da8b8;
  font-weight: var(--fw-medium);
}

.pg-breadcrumb a:hover {
  color: #00c4d4;
}

.pg-breadcrumb .sep {
  color: #b0bbc9;
  font-size: 11px;
}

.pg-breadcrumb .current {
  color: #4a5568;
  font-weight: var(--fw-semibold);
}

[data-bs-theme=dark] .pg-breadcrumb a {
  color: #597380;
}

[data-bs-theme=dark] .pg-breadcrumb .current {
  color: #8FA7B2;
}

/* Hero */
.svc-hero {
  background: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), linear-gradient(135deg, #797af2 0%, #00c4d4 100%);
  padding: 64px 0 56px;
  text-align: center;
}

[data-bs-theme=dark] .svc-hero {
  background: linear-gradient(rgba(0, 28, 38, 0.55), rgba(0, 28, 38, 0.55)), linear-gradient(135deg, #797af2 0%, #00c4d4 100%);
}

.svc-hero h1 {
  font-size: 42px;
  font-weight: var(--fw-extrabold);
  color: #1e2d4a;
  margin-bottom: 14px;
  line-height: 1.15;
}

[data-bs-theme=dark] .svc-hero h1 {
  color: #e8f0f4;
}

.svc-hero .subtitle {
  font-size: 15px;
  color: #7a8899;
  max-width: 560px;
  margin: 0 auto 20px;
  line-height: 1.7;
}

[data-bs-theme=dark] .svc-hero .subtitle {
  color: #8FA7B2;
}

.svc-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(90deg, #6b7af7 0%, #00c4d4 100%);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  padding: 7px 24px;
  border-radius: 50px;
}

/* Search */
.svc-search-section {
  background: #f0f4fb;
  padding: 28px 0 0;
}

[data-bs-theme=dark] .svc-search-section {
  background: #001C26;
}

body.pp-body .svc-search-section {
  background: transparent;
  padding: 28px 32px 0;
}

.svc-search-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 16px rgba(30, 45, 74, 0.08);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

[data-bs-theme=dark] .svc-search-card {
  background: #0D2B36;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.svc-search-card > i {
  font-size: 18px;
  color: #b0bbc9;
  flex-shrink: 0;
}

[data-bs-theme=dark] .svc-search-card > i {
  color: #597380;
}

.svc-search-card input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: inherit;
  color: #1e2d4a;
  background: transparent;
}

[data-bs-theme=dark] .svc-search-card input {
  color: #e8f0f4;
}

.svc-search-card input::placeholder {
  color: #b0bbc9;
}

[data-bs-theme=dark] .svc-search-card input::placeholder {
  color: #597380;
}

/* Panel section */
.svc-page-section {
  background: #f0f4fb;
  padding: 20px 0 64px;
}

[data-bs-theme=dark] .svc-page-section {
  background: #001C26;
}

body.pp-body .svc-page-section {
  background: transparent;
  padding: 20px 32px 40px;
}

/* Panel container */
.svc-panel {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(30, 45, 74, 0.09);
  overflow: hidden;
}

[data-bs-theme=dark] .svc-panel {
  background: #0D2B36;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

.svc-panel-head {
  padding: 22px 24px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f4fb;
}

[data-bs-theme=dark] .svc-panel-head {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.svc-panel-head > i {
  font-size: 20px;
  color: #4a5568;
}

[data-bs-theme=dark] .svc-panel-head > i {
  color: #8FA7B2;
}

.svc-panel-head h3 {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin: 0;
}

[data-bs-theme=dark] .svc-panel-head h3 {
  color: #e8f0f4;
}

/* Category tabs */
.svc-tabs-wrap {
  padding: 16px 24px 0;
}

.svc-tabs {
  display: flex;
  gap: 4px;
  background: #f4f7fc;
  border-radius: 12px;
  padding: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.svc-tabs::-webkit-scrollbar {
  display: none;
}

[data-bs-theme=dark] .svc-tabs {
  background: rgba(255, 255, 255, 0.04);
}

.svc-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #7a8899;
  border: none;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
  font-family: inherit;
}

.svc-tab:hover {
  color: #1e2d4a;
}

[data-bs-theme=dark] .svc-tab {
  color: #597380;
}

[data-bs-theme=dark] .svc-tab:hover {
  color: #8FA7B2;
}

.svc-tab.active {
  background: #fff;
  color: #00c4d4;
  box-shadow: 0 2px 10px rgba(30, 45, 74, 0.08);
}

[data-bs-theme=dark] .svc-tab.active {
  background: #0D2B36;
  color: #00c4d4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.svc-tab img {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  object-fit: contain;
}

.tab-tg {
  color: #00c4d4;
}

.tab-ig {
  color: #e1306c;
}

.tab-tt {
  color: #010101;
}

.tab-yt {
  color: #ff0000;
}

.tab-tw {
  color: #1da1f2;
}

[data-bs-theme=dark] .tab-tt {
  color: #e8f0f4;
}

/* Category label row */
.svc-cat-row {
  padding: 14px 24px 4px;
}

.svc-cat-label {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: #b0bbc9;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  display: flex;
  align-items: center;
  gap: 6px;
}

[data-bs-theme=dark] .svc-cat-label {
  color: #597380;
}

/* Desktop table */
.svc-table-wrap {
  padding: 0 24px 24px;
}

.svc-thead {
  display: grid;
  gap: 12px;
  padding: 16px 24px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
  margin-bottom: 0;
}

[data-bs-theme=dark] .svc-thead {
  background: rgba(255, 255, 255, 0.04);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.svc-th {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #475569;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
}

[data-bs-theme=dark] .svc-th {
  color: #8FA7B2;
}

.svc-tr {
  display: grid;
  gap: 12px;
  padding: 14px 24px;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  align-items: center;
  transition: background 0.15s;
}

[data-bs-theme=dark] .svc-tr {
  background: #0D2B36;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.svc-tr:hover {
  background: #f8fafc;
}

[data-bs-theme=dark] .svc-tr:hover {
  background: #102d3a;
}

.svc-tr:last-child {
  border-bottom: none;
}

.svc-td {
  font-size: 13px;
  color: #475569;
}

[data-bs-theme=dark] .svc-td {
  color: #8FA7B2;
}

/* Fav button */
.svc-fav {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #d1d9e6;
  padding: 0;
  transition: color 0.2s;
  line-height: 1;
}

.svc-fav:hover, .svc-fav.active {
  color: #f44;
}

/* Service id / name / price */
.svc-id-label {
  font-size: 10px;
  font-weight: var(--fw-semibold);
  color: #b0bbc9;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.svc-id {
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
}

[data-bs-theme=dark] .svc-id {
  color: #e8f0f4;
}

.svc-name {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #1e2d4a;
  line-height: 1.45;
}

[data-bs-theme=dark] .svc-name {
  color: #e8f0f4;
}

.svc-price {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: #22a63a;
}

.svc-num {
  font-size: 13px;
  color: #4a5568;
}

[data-bs-theme=dark] .svc-num {
  color: #8FA7B2;
}

.svc-desc {
  font-size: 12px;
  color: #7a8899;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-bs-theme=dark] .svc-desc {
  color: #597380;
}

/* Action buttons */
.svc-actions {
  display: flex;
  gap: 7px;
  flex-direction: row;
}

.btn-svc-det {
  background: #fff;
  border: 1.5px solid #dde3ef;
  border-radius: 8px;
  color: #4a5568;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  padding: 8px 12px;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  white-space: nowrap;
  flex: 1;
}

.btn-svc-det:hover {
  border-color: #00c4d4;
  color: #00c4d4;
}

[data-bs-theme=dark] .btn-svc-det {
  background: #0e2535;
  border-color: rgba(255, 255, 255, 0.1);
  color: #8FA7B2;
}

[data-bs-theme=dark] .btn-svc-det:hover {
  border-color: #00c4d4;
  color: #00c4d4;
}

.btn-svc-order {
  background: #00c4d4;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: var(--fw-bold);
  padding: 8px 12px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  text-decoration: none;
  flex: 1;
}

.btn-svc-order:hover {
  background: #1D4ED8;
  color: #fff;
}

/* Expandable features / description row */
.svc-features-row {
  display: none;
  background: #f8fafd;
  border: 1.5px solid #e8edf5;
  border-radius: 12px;
  margin: 4px 0;
  overflow: hidden;
}

[data-bs-theme=dark] .svc-features-row {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}

.svc-features-row.open {
  display: block;
}

.svc-features-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  cursor: pointer;
  user-select: none;
  transition: background 0.2s;
}

.svc-features-toggle:hover {
  background: #f0f4fb;
}

[data-bs-theme=dark] .svc-features-toggle:hover {
  background: rgba(255, 255, 255, 0.04);
}

.feat-star {
  font-size: 14px;
  color: #00c4d4;
}

.svc-features-toggle > span {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
}

[data-bs-theme=dark] .svc-features-toggle > span {
  color: #e8f0f4;
}

.feat-chevron {
  margin-left: auto;
  font-size: 12px;
  color: #b0bbc9;
  transition: transform 0.2s;
}

.svc-features-row.open .feat-chevron {
  transform: rotate(180deg);
}

.svc-features-body {
  display: none;
  padding: 4px 18px 16px;
}

.svc-features-row.open .svc-features-body {
  display: block;
}

[data-bs-theme=dark] .svc-features-body p {
  color: #8FA7B2 !important;
}

/* Mobile cards */
.svc-cards-wrap {
  display: none;
  padding: 16px 16px 24px;
}

.svc-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}

[data-bs-theme=dark] .svc-card {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

.svc-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

.svc-card-name {
  font-size: 15px;
  font-weight: var(--fw-semibold);
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 12px;
}

[data-bs-theme=dark] .svc-card-name {
  color: #e8f0f4;
}

.svc-card-platform {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

.svc-platform-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
  background: #eff6ff;
  color: #1d4ed8;
}

.svc-card-desc {
  font-size: 13px;
  color: #475569;
  line-height: 1.6;
}

.svc-card-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.svc-stat-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

[data-bs-theme=dark] .svc-stat-cell {
  background: transparent;
}

.svc-stat-label {
  font-size: 12px;
  font-weight: var(--fw-regular);
  color: #94a3b8;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 0;
}

.svc-stat-val {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #0f172a;
}

[data-bs-theme=dark] .svc-stat-val {
  color: #e8f0f4;
}

.svc-stat-val.green {
  color: #0f172a;
}

.svc-card-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .svc-thead {
    display: none;
  }
  .svc-table-wrap {
    padding-bottom: 0;
  }
  .svc-cards-wrap {
    display: block;
  }
}
@media (max-width: 768px) {
  body.pp-body .svc-search-section {
    padding: 16px 14px 0;
  }
  body.pp-body .svc-page-section {
    padding: 16px 14px 32px;
  }
}
@media (max-width: 575px) {
  .svc-hero {
    padding: 40px 0 36px;
  }
  .svc-hero h1 {
    font-size: 28px;
  }
  .svc-hero .subtitle {
    font-size: 13px;
  }
}
/* ══════════════════════════════════════════════════════
   DASHBOARD (index.html)
══════════════════════════════════════════════════════ */
/* ─── Page header ─── */
.dash-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px 32px 0;
}

.dash-page-title {
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0 0 4px;
}

.dash-page-sub {
  font-size: 13px;
  color: var(--smm-ink-3);
  margin: 0;
}

/* ─── Stat cards row ─── */
.dash-stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 24px 32px;
}

.dash-stat-card {
  background: var(--smm-surface);
  border-radius: var(--pp-radius-card);
  padding: 22px 20px 16px;
  box-shadow: var(--pp-shadow-card);
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
  transition: transform 0.18s, box-shadow 0.18s;
}

.dash-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--pp-shadow-soft);
}

.dash-stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: var(--pp-radius-card) var(--pp-radius-card) 0 0;
}

.dash-stat-green::before {
  background: linear-gradient(90deg, #66CC00, #4CAF50);
}

.dash-stat-cyan::before {
  background: linear-gradient(90deg, #00CAF3, #00a8c8);
}

.dash-stat-yellow::before {
  background: linear-gradient(90deg, #FFAA00, #ff8c00);
}

.dash-stat-purple::before {
  background: linear-gradient(90deg, #797AF2, #5a5bd4);
}

.dash-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.dash-stat-green .dash-stat-icon {
  background: rgba(102, 204, 0, 0.12);
  color: #4CAF50;
}

.dash-stat-cyan .dash-stat-icon {
  background: rgba(0, 202, 243, 0.12);
  color: #00CAF3;
}

.dash-stat-yellow .dash-stat-icon {
  background: rgba(255, 170, 0, 0.12);
  color: #FFAA00;
}

.dash-stat-purple .dash-stat-icon {
  background: rgba(121, 122, 242, 0.12);
  color: #797AF2;
}

[data-bs-theme=dark] .dash-stat-green .dash-stat-icon {
  background: rgba(102, 204, 0, 0.18);
}

[data-bs-theme=dark] .dash-stat-cyan .dash-stat-icon {
  background: rgba(0, 202, 243, 0.18);
}

[data-bs-theme=dark] .dash-stat-yellow .dash-stat-icon {
  background: rgba(255, 170, 0, 0.18);
}

[data-bs-theme=dark] .dash-stat-purple .dash-stat-icon {
  background: rgba(121, 122, 242, 0.18);
}

.dash-stat-body {
  flex: 1;
}

.dash-stat-value {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  line-height: 1.2;
  margin-bottom: 4px;
}

.dash-stat-label {
  font-size: 12px;
  color: var(--smm-ink-3);
  font-weight: var(--fw-medium);
}

.dash-stat-link {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap 0.15s;
}

.dash-stat-link:hover {
  gap: 7px;
}

.dash-stat-link.dim {
  color: var(--smm-ink-4);
  cursor: default;
}

/* ─── Panels ─── */
.dash-panel {
  background: var(--smm-surface);
  border-radius: var(--pp-radius-card);
  box-shadow: var(--pp-shadow-card);
  overflow: hidden;
  margin: 0 32px 20px;
}

.dash-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--smm-border);
}

.dash-panel-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.dash-panel-title i {
  font-size: 16px;
  color: var(--smm-primary);
}

.dash-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--smm-primary);
  color: #fff;
  font-size: 10px;
  font-weight: var(--fw-bold);
  border-radius: 20px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
}

.dash-badge.danger {
  background: var(--smm-danger);
}

.dash-view-all {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: gap 0.15s;
}

.dash-view-all:hover {
  gap: 5px;
}

/* ─── Empty state ─── */
.dash-panel-body {
  padding: 32px 20px;
}

.dash-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 16px 0;
}

.dash-empty-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--smm-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--smm-ink-3);
}

[data-bs-theme=dark] .dash-empty-icon {
  background: rgba(255, 255, 255, 0.05);
}

.dash-empty p {
  font-size: 13px;
  color: var(--smm-ink-3);
  margin: 0;
}

/* ─── Dashboard buttons ─── */
.btn-dash-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--smm-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  border-radius: 10px;
  padding: 9px 20px;
  border: none;
  cursor: pointer;
  transition: opacity 0.18s, transform 0.18s;
}

.btn-dash-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

.btn-dash-outline {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  color: var(--smm-primary);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  border-radius: 10px;
  padding: 8px 18px;
  border: 1.5px solid var(--smm-primary);
  transition: background 0.18s, color 0.18s;
}

.btn-dash-outline:hover {
  background: var(--smm-primary);
  color: #fff;
}

/* ─── Two-column layout ─── */
.dash-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 0 32px 20px;
}

.dash-two-col .dash-panel {
  margin: 0;
}

/* ─── Assistance bar ─── */
.dash-assist-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: var(--smm-surface);
  border-radius: var(--pp-radius-card);
  box-shadow: var(--pp-shadow-card);
  padding: 20px 28px;
  margin: 0 32px 32px;
}

.dash-assist-left {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--smm-ink);
}

.dash-assist-left > i {
  font-size: 28px;
  color: var(--smm-primary);
  flex-shrink: 0;
}

.dash-assist-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 2px;
}

.dash-assist-sub {
  font-size: 12px;
  color: var(--smm-ink-3);
}

.dash-assist-btns {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}

.btn-dash-ticket {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--smm-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  border-radius: 10px;
  padding: 10px 22px;
  white-space: nowrap;
  transition: opacity 0.18s, transform 0.18s;
}

.btn-dash-ticket:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

.btn-dash-telegram {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #2CA5E0;
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  border-radius: 10px;
  padding: 10px 22px;
  white-space: nowrap;
  transition: opacity 0.18s, transform 0.18s;
}

.btn-dash-telegram:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

/* ─── Responsive ─── */
@media (max-width: 1200px) {
  .dash-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .dash-two-col {
    grid-template-columns: 1fr;
  }
  .dash-stats-row {
    padding: 20px 20px;
  }
  .dash-panel {
    margin-inline: 20px;
  }
  .dash-two-col {
    margin-inline: 20px;
  }
  .dash-assist-bar {
    margin-inline: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  .dash-page-header {
    padding: 24px 20px 0;
  }
}
@media (max-width: 600px) {
  .dash-stats-row {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .dash-stat-value {
    font-size: 18px;
  }
  .dash-assist-btns {
    flex-direction: column;
    width: 100%;
  }
  .btn-dash-ticket, .btn-dash-telegram {
    justify-content: center;
  }
}
/* ══════════════════════════════════════════════════════
   MASS ORDER (massorder.html)
   Classes match design/mass-order.html exactly
══════════════════════════════════════════════════════ */
/* ─── Help card ─── */
.pp-help-card {
  display: flex;
  gap: 16px;
  background: rgba(0, 202, 243, 0.07);
  border: 1px solid rgba(0, 202, 243, 0.2);
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 16px;
}

[data-bs-theme=dark] .pp-help-card {
  background: rgba(0, 202, 243, 0.1);
  border-color: rgba(0, 202, 243, 0.22);
}

.ico-circ {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0, 202, 243, 0.15);
  color: var(--smm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

[data-bs-theme=dark] .ico-circ {
  background: rgba(0, 202, 243, 0.2);
}

.pp-help-card h4 {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0 0 7px;
}

.pp-help-card p {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin: 0 0 10px;
  line-height: 1.6;
}

.pp-help-card .more {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 12px;
  color: var(--smm-ink-2);
  line-height: 1.55;
}

/* ─── Format card ─── */
.pp-format-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 20px;
}

[data-bs-theme=dark] .pp-format-card {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-format-card .head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.pp-format-card .head .ico {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--smm-warn);
  color: #fff;
  font-weight: var(--fw-black);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pp-format-card .head h4 {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0;
}

.pp-format-card > div[style*="font-weight:600"] {
  font-size: 13px;
  font-weight: var(--fw-semibold) !important;
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.pp-format-sample {
  background: rgba(0, 202, 243, 0.07);
  border: 1.5px dashed rgba(0, 202, 243, 0.4);
  border-radius: 8px;
  padding: 10px 14px;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-primary);
  margin-bottom: 14px;
}

[data-bs-theme=dark] .pp-format-sample {
  background: rgba(0, 202, 243, 0.12);
}

.pp-format-example {
  background: rgba(102, 204, 0, 0.07);
  border-left: 3px solid var(--smm-success);
  border-radius: 0 6px 6px 0;
  padding: 8px 12px;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  color: var(--smm-ink-2);
  margin-bottom: 6px;
}

[data-bs-theme=dark] .pp-format-example {
  background: rgba(102, 204, 0, 0.08);
  color: #a8c8a0;
}

.pp-warn-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(255, 170, 0, 0.08);
  border: 1px solid rgba(255, 170, 0, 0.28);
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 12px;
  color: var(--smm-ink-2);
  line-height: 1.6;
  margin-top: 14px;
}

.pp-warn-card .ico {
  color: var(--smm-warn);
  flex-shrink: 0;
  margin-top: 1px;
}

[data-bs-theme=dark] .pp-warn-card {
  background: rgba(255, 170, 0, 0.1);
}

/* ─── Textarea ─── */
.pp-textarea {
  width: 100%;
  background: var(--smm-surface);
  border: 1.5px solid var(--smm-border);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 13px;
  font-family: ui-monospace, Menlo, monospace;
  color: var(--smm-ink);
  resize: vertical;
  min-height: 220px;
  line-height: 1.7;
  transition: border-color 0.15s, box-shadow 0.15s;
  display: block;
}

.pp-textarea:focus {
  outline: none;
  border-color: var(--smm-primary);
  box-shadow: 0 0 0 3px rgba(0, 202, 243, 0.12);
}

[data-bs-theme=dark] .pp-textarea {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e8f0f4;
}

[data-bs-theme=dark] .pp-textarea:focus {
  border-color: var(--smm-primary);
}

/* ─── Textarea meta row ─── */
.pp-textarea-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 8px;
  padding: 0 2px;
  gap: 8px;
}

.pp-textarea-meta .left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pp-textarea-meta .pipe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
  font-weight: var(--fw-bold);
  border-radius: 4px;
  padding: 0 5px;
  font-family: ui-monospace, Menlo, monospace;
}

/* ─── Parse & Validate button ─── */
.pp-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1.5px solid var(--smm-primary);
  color: var(--smm-primary);
  border-radius: 10px;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: var(--fw-semibold);
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  width: 100%;
  justify-content: center;
}

.pp-btn-outline:hover {
  background: var(--smm-primary);
  color: #fff;
}

/* ─── Parse preview ─── */
.pp-parse-preview {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

[data-bs-theme=dark] .pp-parse-preview {
  border-color: rgba(255, 255, 255, 0.08);
}

.pp-parse-preview-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--smm-border);
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .pp-parse-preview-head {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-parse-err-badge {
  font-size: 11px;
  font-weight: var(--fw-bold);
  color: var(--smm-danger);
  background: rgba(242, 85, 111, 0.1);
  border-radius: 6px;
  padding: 2px 9px;
}

.pp-parse-preview-body {
  overflow-x: auto;
}

.pp-parse-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.pp-parse-table th {
  background: #2e3d52;
  color: #fff;
  font-weight: var(--fw-bold);
  text-align: left;
  padding: 10px 14px;
  white-space: nowrap;
}

[data-bs-theme=dark] .pp-parse-table th {
  background: rgba(255, 255, 255, 0.07);
}

.pp-parse-table td {
  padding: 9px 14px;
  border-bottom: 1px solid var(--smm-border);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .pp-parse-table td {
  border-color: rgba(255, 255, 255, 0.05);
  color: #d0dde2;
}

.pp-parse-table tr.row-ok td {
  background: rgba(102, 204, 0, 0.04);
}

.pp-parse-table tr.row-err td {
  background: rgba(242, 85, 111, 0.05);
}

.pp-parse-table .row-status {
  font-size: 11px;
  font-weight: var(--fw-bold);
}

.row-ok .row-status {
  color: var(--smm-success);
}

.row-err .row-status {
  color: var(--smm-danger);
}

/* ─── Responsive ─── */
@media (max-width: 600px) {
  .pp-help-card {
    flex-direction: column;
    gap: 10px;
  }
  .pp-format-card {
    padding: 14px 16px;
  }
}
/* ══════════════════════════════════════════════════════
   ORDERS PAGE (orders.html)
   Classes match design/orders.html exactly
══════════════════════════════════════════════════════ */
/* ─── Info panel ─── */
.pp-info-panel {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  padding: 20px 22px;
  margin: 0 0 16px;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

[data-bs-theme=dark] .pp-info-panel {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-info-panel.collapsed {
  padding-top: 14px;
  padding-bottom: 14px;
}

.pp-info-panel.collapsed .pp-info-body ul {
  display: none;
}

.pp-info-panel.collapsed .pp-info-toggle {
  transform: rotate(180deg);
}

.pp-info-ico {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

[data-bs-theme=dark] .pp-info-ico {
  background: rgba(0, 202, 243, 0.15);
}

.pp-info-body {
  flex: 1;
  min-width: 0;
}

.pp-info-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0 0 10px;
}

.pp-info-body ul {
  padding-left: 18px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pp-info-body li {
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.6;
}

.pp-info-body li strong {
  color: var(--smm-ink);
}

.pp-pill-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  vertical-align: middle;
}

.pp-pill-inline.muted {
  background: rgba(0, 0, 0, 0.06);
  color: var(--smm-ink-2);
}

[data-bs-theme=dark] .pp-pill-inline.muted {
  background: rgba(255, 255, 255, 0.08);
  color: var(--smm-ink-3);
}

.pp-info-toggle {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
  border: 1px solid var(--smm-border);
  border-radius: 8px;
  background: var(--smm-surface);
  color: var(--smm-ink-3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s, background 0.15s, color 0.15s;
  flex-shrink: 0;
}

.pp-info-toggle:hover {
  background: var(--smm-bg);
  color: var(--smm-ink);
}

/* ─── Status tabs ─── */
.pp-status-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding-bottom: 2px;
  margin-bottom: 16px;
  scrollbar-width: none;
}

.pp-status-tabs::-webkit-scrollbar {
  display: none;
}

.pp-status-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

[data-bs-theme=dark] .pp-status-tab {
  background: rgba(13, 43, 54, 0.5);
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-status-tab:hover {
  color: var(--smm-ink);
  border-color: var(--smm-primary);
}

.pp-status-tab.active {
  background: var(--smm-primary);
  color: #fff;
  border-color: var(--smm-primary);
}

.pp-status-tab .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.dot.pending {
  background: var(--smm-warn);
}

.dot.progress {
  background: #3B82F6;
}

.dot.completed {
  background: var(--smm-success);
}

.dot.partial {
  background: #F59E0B;
}

.dot.processing {
  background: var(--smm-primary);
}

.dot.canceled {
  background: var(--smm-danger);
}

/* ─── Search bar ─── */
.pp-search-bar {
  margin-bottom: 16px;
}

.pp-search-form {
  display: flex;
  gap: 10px;
  align-items: center;
}

.pp-search-form .pp-input {
  flex: 1;
  position: relative;
}

.pp-search-clear {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--smm-ink-3);
  display: flex;
  align-items: center;
  transition: color 0.15s;
}

.pp-search-clear:hover {
  color: var(--smm-danger);
}

.pp-search-submit {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--smm-primary);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 18px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
  flex-shrink: 0;
}

.pp-search-submit:hover {
  background: #00B5D9;
}

/* ─── Orders table wrapper ─── */
.pp-orders-wrap {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  overflow: hidden;
}

[data-bs-theme=dark] .pp-orders-wrap {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-table-scroll {
  overflow-x: auto;
}

/* ─── Orders table (legacy) — superseded by pages/_dashboard-orders.scss ─── */
body:not(.pp-body) .pp-orders-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
}

body:not(.pp-body) .pp-orders-table thead th {
  background: #2e3d52;
  color: #fff;
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-align: left;
  padding: 13px 14px;
  white-space: nowrap;
}

body:not(.pp-body)[data-bs-theme=dark] .pp-orders-table thead th {
  background: rgba(255, 255, 255, 0.07);
}

body:not(.pp-body) .pp-orders-table thead th.col-check {
  width: 46px;
  text-align: center;
}

body:not(.pp-body) .pp-orders-table thead th.col-link {
  min-width: 160px;
}

body:not(.pp-body) .pp-orders-table thead th.col-service {
  min-width: 160px;
}

body:not(.pp-body) .pp-orders-table thead th.col-action {
  text-align: center;
  min-width: 110px;
}

body:not(.pp-body) .pp-orders-table tbody tr {
  border-bottom: 1px solid var(--smm-border);
  transition: background 0.12s;
}

body:not(.pp-body)[data-bs-theme=dark] .pp-orders-table tbody tr {
  border-color: rgba(255, 255, 255, 0.05);
}

body:not(.pp-body) .pp-orders-table tbody tr:last-child {
  border-bottom: none;
}

body:not(.pp-body) .pp-orders-table tbody tr:hover {
  background: rgba(0, 202, 243, 0.03);
}

body:not(.pp-body)[data-bs-theme=dark] .pp-orders-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

body:not(.pp-body) .pp-orders-table tbody td {
  padding: 13px 14px;
  font-size: 13px;
  color: var(--smm-ink);
  vertical-align: middle;
}

body:not(.pp-body) .pp-orders-table .col-check {
  text-align: center;
}

body:not(.pp-body) .pp-orders-table .id-cell {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  color: var(--smm-ink-2);
  white-space: nowrap;
}

body:not(.pp-body) .pp-orders-table .date-cell {
  font-size: 12px;
  color: var(--smm-ink-2);
  white-space: nowrap;
}

body:not(.pp-body) .pp-orders-table .date-cell .time {
  display: block;
  color: var(--smm-ink-3);
  font-size: 11px;
}

body:not(.pp-body) .pp-orders-table .link-cell {
  max-width: 180px;
}

body:not(.pp-body) .pp-orders-table .link-cell a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--smm-primary);
  font-size: 12px;
  max-width: 160px;
}

body:not(.pp-body) .pp-orders-table .link-cell a:hover {
  text-decoration: underline;
}

body:not(.pp-body) .pp-orders-table .charge-cell {
  color: #22a63a;
  font-weight: var(--fw-bold);
  white-space: nowrap;
}

body:not(.pp-body)[data-bs-theme=dark] .pp-orders-table .charge-cell {
  color: #7cd98a;
}

body:not(.pp-body) .pp-orders-table .col-service {
  font-size: 12px;
  color: var(--smm-ink-2);
}

body:not(.pp-body) .pp-orders-table .col-action {
  text-align: center;
}

body:not(.pp-body) .pp-orders-table .nowrap {
  white-space: nowrap;
}

/* ─── Details icon ─── */
.pp-details-btn {
  display: inline-flex;
  align-items: center;
  color: var(--smm-ink-3);
  margin-left: 6px;
  transition: color 0.15s;
}

.pp-details-btn:hover {
  color: var(--smm-primary);
}

/* ─── Checkbox ─── */
.pp-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--smm-border);
  border-radius: 4px;
  background: var(--smm-surface);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  vertical-align: middle;
}

.pp-checkbox:hover {
  border-color: var(--smm-primary);
}

/* ─── Status badges ─── */
.pp-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  border-radius: 20px;
  padding: 3px 10px;
  white-space: nowrap;
}

.pp-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pp-status.pending {
  background: rgba(255, 170, 0, 0.12);
  color: #c07000;
}

.pp-status.pending::before {
  background: var(--smm-warn);
}

.pp-status.progress {
  background: rgba(59, 130, 246, 0.12);
  color: #1d4ed8;
}

.pp-status.progress::before {
  background: #3B82F6;
}

.pp-status.completed {
  background: rgba(102, 204, 0, 0.12);
  color: #3a7a00;
}

.pp-status.completed::before {
  background: var(--smm-success);
}

.pp-status.partial {
  background: rgba(245, 158, 11, 0.12);
  color: #92400e;
}

.pp-status.partial::before {
  background: #F59E0B;
}

.pp-status.processing {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary-dark);
}

.pp-status.processing::before {
  background: var(--smm-primary);
}

.pp-status.canceled {
  background: rgba(242, 85, 111, 0.12);
  color: #b91c3c;
}

.pp-status.canceled::before {
  background: var(--smm-danger);
}

[data-bs-theme=dark] .pp-status.pending {
  background: rgba(255, 170, 0, 0.18);
  color: #ffcb5c;
}

[data-bs-theme=dark] .pp-status.progress {
  background: rgba(59, 130, 246, 0.18);
  color: #93c5fd;
}

[data-bs-theme=dark] .pp-status.completed {
  background: rgba(102, 204, 0, 0.18);
  color: #9CE26B;
}

[data-bs-theme=dark] .pp-status.partial {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

[data-bs-theme=dark] .pp-status.processing {
  background: rgba(0, 202, 243, 0.18);
  color: var(--smm-primary);
}

[data-bs-theme=dark] .pp-status.canceled {
  background: rgba(242, 85, 111, 0.18);
  color: #fca5a5;
}

.pp-cancel-reason {
  color: var(--smm-ink-3);
  cursor: help;
  margin-left: 4px;
}

/* ─── Action buttons ─── */
.pp-order-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.pp-btn-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  border-radius: 8px;
  padding: 5px 12px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  text-decoration: none;
  transition: background 0.15s, transform 0.12s;
}

.pp-btn-action:hover {
  transform: translateY(-1px);
}

.pp-btn-action.reorder {
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  border: 1px solid rgba(0, 202, 243, 0.25);
}

.pp-btn-action.reorder:hover {
  background: var(--smm-primary);
  color: #fff;
}

.pp-btn-action.cancel {
  background: rgba(242, 85, 111, 0.1);
  color: var(--smm-danger);
  border: 1px solid rgba(242, 85, 111, 0.25);
}

.pp-btn-action.cancel:hover {
  background: var(--smm-danger);
  color: #fff;
}

.pp-btn-action.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.pp-action-text {
  font-size: 12px;
  color: var(--smm-ink-3);
}

/* ─── Progress strip ─── */
.progress-strip {
  width: 80px;
  height: 4px;
  background: var(--smm-border);
  border-radius: 4px;
  overflow: hidden;
}

.progress-strip .fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s;
}

.progress-strip .fill.progress {
  background: #3B82F6;
}

.progress-strip .fill.processing {
  background: var(--smm-primary);
}

.progress-strip .fill.partial {
  background: #F59E0B;
}

/* ─── Empty state ─── */
.pp-empty-row td {
  padding: 48px 24px !important;
  text-align: center;
}

.pp-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--smm-ink-3);
}

.pp-empty-state p {
  font-size: 14px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  margin: 0;
}

td.pp-empty-row:before {
  display: none;
}

/* ─── Modal ─── */
.pp-modal-content {
  border-radius: var(--pp-radius-card);
  border: 1px solid var(--smm-border);
  background: var(--smm-surface);
}

[data-bs-theme=dark] .pp-modal-content {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

.pp-modal-header {
  border-bottom: 1px solid var(--smm-border);
  padding: 16px 20px;
}

[data-bs-theme=dark] .pp-modal-header {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-modal-header .modal-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.pp-modal-body {
  padding: 20px;
}

.pp-modal-field {
  margin-bottom: 14px;
}

.pp-modal-field label {
  display: block;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

.pp-modal-input {
  width: 100%;
  background: var(--smm-bg);
  border: 1px solid var(--smm-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--smm-ink);
  resize: vertical;
}

[data-bs-theme=dark] .pp-modal-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: #e0eaf0;
}

/* ─── Pagination ─── */
.pp-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 16px;
  border-top: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-pagination {
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.pp-page-btn:hover {
  color: var(--smm-primary);
  border-color: var(--smm-primary);
}

.pp-page-btn.active {
  background: var(--smm-primary);
  color: #fff;
  border-color: var(--smm-primary);
}

[data-bs-theme=dark] .pp-page-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

/* ─── Mobile card layout ─── */
@media (max-width: 860px) {
  .pp-orders-table {
    min-width: unset;
  }
  .pp-orders-table thead {
    display: none;
  }
  .pp-orders-table tbody tr {
    display: block;
    padding: 14px 16px;
    border-bottom: 1px solid var(--smm-border);
  }
  .pp-orders-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 0;
    font-size: 13px;
    border: none;
  }
  .pp-orders-table tbody td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: var(--fw-bold);
    color: var(--smm-ink-3);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    flex-shrink: 0;
    padding-top: 1px;
    min-width: 90px;
  }
  .pp-orders-table .col-check {
    display: none;
  }
  .pp-orders-table .link-cell a {
    max-width: 160px;
  }
  .pp-order-actions {
    align-items: flex-end;
  }
  .pp-info-panel {
    flex-direction: column;
    gap: 12px;
  }
  .pp-info-ico {
    display: none;
  }
  .pp-search-form {
    flex-direction: column;
    align-items: stretch;
  }
  .pp-search-submit {
    justify-content: center;
  }
  .pp-empty-row td {
    display: block !important;
    text-align: center !important;
  }
  .pp-empty-row td::before {
    display: none;
  }
  .pp-empty-state {
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
/* ════════════════════════════════════════
   REFUNDS PAGE
════════════════════════════════════════ */
/* ─── Info alert ─── */
.rf-info-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 202, 243, 0.08);
  border: 1px solid rgba(0, 202, 243, 0.3);
  border-radius: 12px;
  padding: 13px 16px;
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: var(--smm-ink);
  margin-bottom: 20px;
  position: relative;
}

[data-bs-theme=dark] .rf-info-alert {
  background: rgba(0, 202, 243, 0.1);
  border-color: rgba(0, 202, 243, 0.25);
  color: #c8e8f0;
}

.rf-info-ico {
  display: inline-flex;
  align-items: center;
  color: var(--smm-primary);
  flex-shrink: 0;
}

.rf-info-close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px;
}

/* ─── Search label ─── */
.rf-search-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  margin: 0 0 10px;
}

.rf-search-label svg {
  color: var(--smm-ink-3);
}

/* ─── Refund amount cell ─── */
.rf-amount {
  color: var(--smm-success) !important;
  font-weight: var(--fw-bold);
  font-size: 13px;
}

/* ─── Showing X orders footer ─── */
.rf-footer {
  padding: 12px 20px;
  font-size: 13px;
  color: var(--smm-ink-3);
  border-top: 1px solid var(--smm-border);
}

.rf-footer strong {
  color: var(--smm-ink-2);
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] .rf-footer {
  border-color: rgba(255, 255, 255, 0.07);
}

/* ─── Refunds table — 4-column variant ─── */
.rf-table {
  min-width: 480px;
}

/* Mobile: narrower label column for 4-col table */
@media (max-width: 680px) {
  .rf-table tbody td::before {
    min-width: 80px;
  }
}
/* ════════════════════════════════════════
   REFILLS PAGE
════════════════════════════════════════ */
/* ─── New status badge variants ─── */
.pp-status.rejected {
  background: rgba(242, 85, 111, 0.1);
  color: var(--smm-danger);
  border: 1px solid rgba(242, 85, 111, 0.2);
}

.pp-status.error {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
  border: 1px solid rgba(220, 53, 69, 0.2);
}

[data-bs-theme=dark] .pp-status.rejected {
  background: rgba(242, 85, 111, 0.15);
  border-color: rgba(242, 85, 111, 0.25);
}

[data-bs-theme=dark] .pp-status.error {
  background: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.25);
}

/* ─── Status tab dots ─── */
.dot.rejected {
  background: var(--smm-danger);
}

.dot.error {
  background: #dc3545;
}

/* ─── Refills table ─── */
.rl-table {
  min-width: 680px;
}

.rl-table .link-cell {
  max-width: 220px;
}

.rl-table .link-cell a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  color: var(--smm-primary);
  font-size: 13px;
}

/* Mobile: label column for 6-col refills table */
@media (max-width: 860px) {
  .rl-table tbody td::before {
    min-width: 80px;
  }
  .rl-table .link-cell a {
    max-width: 160px;
  }
}
/* ════════════════════════════════════════
   API ACCESS PAGE
════════════════════════════════════════ */
/* ─── Public hero (guest view) ─── */
.api-public-hero {
  background: linear-gradient(135deg, #eaf6ff 0%, #f0f4ff 100%);
  padding: 72px 0 64px;
  text-align: center;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .api-public-hero {
  background: linear-gradient(135deg, #001c26 0%, #0a1a2e 100%);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.api-hero-title {
  font-family: "Montserrat", sans-serif;
  font-size: 42px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin: 0 0 12px;
}

[data-bs-theme=dark] .api-hero-title {
  color: #fff;
}

.api-hero-sub {
  font-size: 17px;
  color: var(--smm-ink-2);
  max-width: 560px;
  margin: 0 auto;
}

.api-public-wrap {
  padding: 48px 0 80px;
}

/* ─── Overview card ─── */
.api-overview-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  padding: 24px;
  margin-bottom: 24px;
}

[data-bs-theme=dark] .api-overview-card {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

.api-overview-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--smm-primary);
}

.api-overview-head h3 {
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0;
}

.api-info-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.api-info-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .api-info-row {
  border-color: rgba(255, 255, 255, 0.07);
}

.api-info-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.api-info-row:first-child {
  padding-top: 0;
}

.api-info-label {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-3);
  min-width: 140px;
  flex-shrink: 0;
}

/* ─── Method / format badges ─── */
.api-badge-code {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: var(--fw-extrabold);
  letter-spacing: 0.4px;
  font-family: ui-monospace, Menlo, monospace;
}

.api-badge-code.post {
  background: rgba(242, 85, 111, 0.12);
  color: var(--smm-danger);
}

.api-badge-code.json {
  background: rgba(102, 204, 0, 0.12);
  color: #3a7a00;
}

[data-bs-theme=dark] .api-badge-code.post {
  background: rgba(242, 85, 111, 0.18);
  color: #fca5a5;
}

[data-bs-theme=dark] .api-badge-code.json {
  background: rgba(102, 204, 0, 0.18);
  color: #9CE26B;
}

/* ─── API URL with copy ─── */
.api-url-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--smm-bg);
  border: 1px solid var(--smm-border);
  border-radius: 8px;
  padding: 6px 10px 6px 12px;
  flex: 1;
  min-width: 0;
}

[data-bs-theme=dark] .api-url-wrap {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.api-url {
  font-size: 13px;
  font-family: ui-monospace, Menlo, monospace;
  color: var(--smm-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  background: none;
  border: none;
  padding: 0;
}

.api-copy-btn {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  color: var(--smm-ink-3);
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  flex-shrink: 0;
  transition: color 0.15s, background 0.15s;
}

.api-copy-btn:hover {
  color: var(--smm-primary);
  background: rgba(0, 202, 243, 0.1);
}

.api-copy-btn.copied {
  color: var(--smm-success);
}

/* ─── API key link ─── */
.api-key-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
  text-decoration: none;
}

.api-key-link:hover {
  text-decoration: underline;
}

/* ─── Method sections ─── */
.api-section {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  margin-bottom: 20px;
  overflow: hidden;
}

[data-bs-theme=dark] .api-section {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

.api-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid var(--smm-border);
  background: var(--smm-bg);
}

[data-bs-theme=dark] .api-section-head {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}

.api-section-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.api-method-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--smm-gradient);
  flex-shrink: 0;
}

.api-section-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0;
}

[data-bs-theme=dark] .api-section-title {
  color: #e0eaf0;
}

.api-action-badge {
  font-size: 11px;
  font-weight: var(--fw-bold);
  font-family: ui-monospace, Menlo, monospace;
  letter-spacing: 0.5px;
  text-transform: lowercase;
  color: var(--smm-accent);
  background: rgba(121, 122, 242, 0.12);
  border: 1px solid rgba(121, 122, 242, 0.2);
  border-radius: 6px;
  padding: 3px 10px;
}

[data-bs-theme=dark] .api-action-badge {
  background: rgba(121, 122, 242, 0.18);
}

/* ─── Service type selector ─── */
.api-type-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .api-type-row {
  border-color: rgba(255, 255, 255, 0.07);
}

.api-type-label {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  flex-shrink: 0;
}

.api-type-select {
  padding: 7px 32px 7px 12px;
  border: 1px solid var(--smm-border);
  border-radius: 8px;
  background: var(--smm-bg);
  color: var(--smm-ink);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  font-family: inherit;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238FA7B2' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  min-width: 200px;
}

[data-bs-theme=dark] .api-type-select {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: #e0eaf0;
}

/* ─── Parameters table ─── */
.api-params-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.api-params-table thead tr {
  background: #1D353D;
}

[data-bs-theme=dark] .api-params-table thead tr {
  background: rgba(0, 0, 0, 0.4);
}

.api-params-table thead th {
  padding: 11px 20px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: #fff;
  text-align: left;
  letter-spacing: 0.3px;
}

.api-params-table thead th:first-child {
  width: 160px;
}

.api-params-table tbody tr {
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .api-params-table tbody tr {
  border-color: rgba(255, 255, 255, 0.07);
}

.api-params-table tbody tr:last-child {
  border-bottom: none;
}

.api-params-table tbody tr:hover {
  background: var(--smm-bg);
}

[data-bs-theme=dark] .api-params-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}

.api-param-name {
  padding: 12px 20px;
  vertical-align: top;
  white-space: nowrap;
}

.api-param-name code {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-primary);
  background: rgba(0, 202, 243, 0.08);
  border: 1px solid rgba(0, 202, 243, 0.15);
  border-radius: 5px;
  padding: 2px 7px;
}

[data-bs-theme=dark] .api-param-name code {
  background: rgba(0, 202, 243, 0.12);
}

.api-param-desc {
  padding: 12px 20px;
  color: var(--smm-ink-2);
  line-height: 1.5;
  vertical-align: top;
}

[data-bs-theme=dark] .api-param-desc {
  color: #9db8c4;
}

/* ─── Example response ─── */
.api-response-wrap {
  border-top: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .api-response-wrap {
  border-color: rgba(255, 255, 255, 0.07);
}

.api-response-head {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--smm-border);
  background: var(--smm-bg);
}

[data-bs-theme=dark] .api-response-head {
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.07);
}

.api-pre {
  margin: 0;
  padding: 20px;
  background: #0F1E24;
  color: #9CE26B;
  font-family: ui-monospace, Menlo, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 0;
}

[data-bs-theme=dark] .api-pre {
  background: #060f12;
}

/* ─── PHP example button ─── */
.api-php-row {
  margin-top: 4px;
  padding-bottom: 8px;
}

.api-php-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  background: var(--smm-surface);
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}

.api-php-btn:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

[data-bs-theme=dark] .api-php-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

/* ─── Mobile ─── */
@media (max-width: 640px) {
  .api-overview-card {
    padding: 16px;
  }
  .api-info-label {
    min-width: 110px;
    font-size: 12px;
  }
  .api-url-wrap {
    flex: 1;
    min-width: 0;
  }
  .api-section-head {
    padding: 14px 16px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .api-type-row {
    padding: 12px 16px;
    flex-wrap: wrap;
  }
  .api-type-select {
    min-width: unset;
    width: 100%;
  }
  .api-params-table thead th {
    padding: 10px 14px;
  }
  .api-params-table thead th:first-child {
    width: 120px;
  }
  .api-param-name, .api-param-desc {
    padding: 10px 14px;
  }
  .api-pre {
    padding: 14px;
    font-size: 12px;
  }
  .api-overview-head h3 {
    font-size: 14px;
  }
}
/* ════════════════════════════════════════
   SUBSCRIPTIONS PAGE
════════════════════════════════════════ */
/* ─── New status badge variants ─── */
.pp-status.active {
  background: rgba(102, 204, 0, 0.12);
  color: #3a7a00;
  border: 1px solid rgba(102, 204, 0, 0.2);
}

.pp-status.active::before {
  background: var(--smm-success);
}

.pp-status.paused {
  background: rgba(255, 170, 0, 0.12);
  color: #c07000;
  border: 1px solid rgba(255, 170, 0, 0.2);
}

.pp-status.paused::before {
  background: var(--smm-warn);
}

.pp-status.expired {
  background: rgba(158, 158, 158, 0.12);
  color: #6b7280;
  border: 1px solid rgba(158, 158, 158, 0.2);
}

.pp-status.expired::before {
  background: #9ca3af;
}

[data-bs-theme=dark] .pp-status.active {
  background: rgba(102, 204, 0, 0.18);
  color: #9CE26B;
  border-color: rgba(102, 204, 0, 0.25);
}

[data-bs-theme=dark] .pp-status.paused {
  background: rgba(255, 170, 0, 0.18);
  color: #ffcb5c;
  border-color: rgba(255, 170, 0, 0.25);
}

[data-bs-theme=dark] .pp-status.expired {
  background: rgba(158, 158, 158, 0.15);
  color: #9ca3af;
  border-color: rgba(158, 158, 158, 0.2);
}

/* ─── Status tab dots ─── */
.dot.active {
  background: var(--smm-success);
}

.dot.paused {
  background: var(--smm-warn);
}

.dot.expired {
  background: #9ca3af;
}

/* ─── Reason icon (tooltip trigger) ─── */
.subs-reason {
  display: inline-flex;
  align-items: center;
  color: var(--smm-ink-3);
  cursor: help;
  margin-left: 4px;
  vertical-align: middle;
}

.subs-reason:hover {
  color: var(--smm-primary);
}

/* ─── Subscriptions table ─── */
.subs-table {
  min-width: 1100px;
}

.subs-table .col-link {
  max-width: 160px;
}

.subs-table .col-link a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subs-table .col-action {
  width: 100px;
}

/* ─── Action buttons ─── */
.subs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  border: 1.5px solid transparent;
}

.subs-btn.cancel {
  background: rgba(242, 85, 111, 0.1);
  color: var(--smm-danger);
  border-color: rgba(242, 85, 111, 0.25);
}

.subs-btn.cancel:hover {
  background: var(--smm-danger);
  color: #fff;
}

.subs-btn.resume {
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  border-color: rgba(0, 202, 243, 0.3);
}

.subs-btn.resume:hover {
  background: var(--smm-primary);
  color: #fff;
}

.subs-btn.renew {
  background: var(--smm-gradient);
  color: #fff;
  border-color: transparent;
}

.subs-btn.renew:hover {
  opacity: 0.88;
}

[data-bs-theme=dark] .subs-btn.cancel {
  background: rgba(242, 85, 111, 0.15);
}

[data-bs-theme=dark] .subs-btn.resume {
  background: rgba(0, 202, 243, 0.15);
}

/* ─── Action cell ─── */
.subs-action-cell {
  white-space: nowrap;
}

/* ─── Mobile: 12-col table card layout ─── */
@media (max-width: 1100px) {
  .subs-table {
    min-width: unset;
  }
  .subs-table thead {
    display: none;
  }
  .subs-table tbody tr {
    display: block;
    padding: 14px 16px;
    border-bottom: 1px solid var(--smm-border);
  }
  .subs-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 0;
    font-size: 13px;
    border: none;
  }
  .subs-table tbody td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: var(--fw-bold);
    color: var(--smm-ink-3);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    flex-shrink: 0;
    padding-top: 2px;
    min-width: 84px;
  }
  .subs-table .col-link {
    max-width: unset;
  }
  .subs-table .col-link a {
    max-width: 180px;
  }
  .subs-action-cell {
    padding-top: 10px !important;
  }
  .subs-action-cell::before {
    display: none;
  }
  .subs-btn {
    width: 100%;
    justify-content: center;
    padding: 9px 14px;
    font-size: 13px;
  }
}
/* ═══════════════════════════════════════════════
   AFFILIATES PAGE
   ═══════════════════════════════════════════════ */
/* ─── Grid ─── */
.af-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  align-items: start;
}

/* ─── Welcome banner ─── */
.af-banner {
  padding: 20px 24px;
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.08) 0%, rgba(0, 202, 243, 0.08) 100%);
  border: 1px solid rgba(0, 202, 243, 0.2);
}

/* ─── Card base ─── */
.af-card {
  padding: 24px;
}

.af-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--smm-border);
}

.af-card-head i {
  color: var(--smm-primary);
  font-size: 18px;
}

/* ─── Referral link ─── */
.af-ref-link-wrap {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.af-ref-input {
  flex: 1;
  height: 44px;
  padding: 0 14px;
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  background: var(--smm-bg);
  color: var(--smm-ink-2);
  font-size: 13px;
  font-family: monospace;
  outline: none;
}

.af-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  height: 44px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}

.af-copy-btn:hover {
  opacity: 0.88;
}

/* ─── Stats grid ─── */
.af-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.af-stat-card {
  background: var(--smm-bg);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  transition: transform 0.2s;
}

.af-stat-card:hover {
  transform: translateY(-2px);
}

.af-stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  font-size: 18px;
}

.af-si-blue {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.af-si-purple {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.af-si-cyan {
  background: rgba(0, 202, 243, 0.12);
  color: #0bbce0;
}

.af-si-green {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.af-si-orange {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.af-si-teal {
  background: rgba(0, 200, 190, 0.12);
  color: #00c8c0;
}

.af-stat-val {
  font-size: 20px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  line-height: 1;
  margin-bottom: 4px;
}

.af-stat-lbl {
  font-size: 11px;
  color: var(--smm-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ─── How it works ─── */
.af-steps {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.af-step {
  flex: 1;
  text-align: center;
  padding: 20px 12px;
  background: var(--smm-bg);
  border-radius: 12px;
}

.af-step-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--smm-gradient);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin: 0 auto 12px;
}

.af-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--smm-gradient);
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: var(--fw-bold);
  margin-bottom: 8px;
}

.af-step-title {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.af-step-desc {
  font-size: 11.5px;
  color: var(--smm-ink-3);
  line-height: 1.5;
}

.af-step-arrow {
  padding-top: 40px;
  color: var(--smm-ink-3);
  font-size: 18px;
  flex-shrink: 0;
}

/* ─── Earning history table ─── */
.af-amount {
  font-weight: var(--fw-bold);
  color: var(--smm-success);
}

.af-status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: var(--fw-semibold);
}

.af-status-paid,
.af-status-completed {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.af-status-pending {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.af-status-rejected,
.af-status-failed {
  background: rgba(242, 85, 111, 0.12);
  color: var(--smm-danger);
}

/* ─── FAQ ─── */
.af-faq-item {
  border-bottom: 1px solid var(--smm-border);
}

.af-faq-item:last-child {
  border-bottom: none;
}

.af-faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 0;
  background: none;
  border: none;
  text-align: left;
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  cursor: pointer;
  gap: 12px;
  font-family: inherit;
}

.af-faq-q:hover {
  color: var(--smm-primary);
}

.af-faq-caret {
  transition: transform 0.25s;
  flex-shrink: 0;
}

.af-faq-q.open .af-faq-caret,
.af-terms-toggle.open .af-faq-caret {
  transform: rotate(180deg);
}

.af-faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.af-faq-a.open {
  max-height: 300px;
}

.af-faq-a p {
  padding-bottom: 14px;
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.65;
  margin: 0;
}

/* ─── Terms & Conditions ─── */
.af-terms-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
  font-family: inherit;
}

.af-terms-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.af-terms-body.open {
  max-height: 600px;
}

.af-terms-body p,
.af-terms-body li {
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.7;
  margin: 0;
}

.af-terms-body ul {
  padding-left: 20px;
  margin-top: 8px;
}

.af-terms-body p {
  margin-top: 16px;
}

/* ─── Commission Tiers ─── */
.af-tiers {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.af-tier {
  display: flex;
  align-items: center;
  gap: 10px;
}

.af-tier-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 80px;
}

.af-tier-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.af-dot-bronze {
  background: #cd7f32;
}

.af-dot-silver {
  background: #9DA4A6;
}

.af-dot-gold {
  background: #FFB800;
}

.af-dot-plat {
  background: var(--smm-accent);
}

.af-tier-name {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
}

.af-tier-bar-wrap {
  flex: 1;
  height: 6px;
  background: var(--smm-border);
  border-radius: 3px;
  overflow: hidden;
}

.af-tier-bar {
  height: 100%;
  border-radius: 3px;
}

.af-bar-bronze {
  background: #cd7f32;
}

.af-bar-silver {
  background: #9DA4A6;
}

.af-bar-gold {
  background: #FFB800;
}

.af-bar-plat {
  background: var(--smm-accent);
}

.af-tier-pct {
  font-size: 13px;
  font-weight: var(--fw-bold);
  min-width: 36px;
  text-align: right;
}

.af-pct-bronze {
  color: #cd7f32;
}

.af-pct-silver {
  color: #9DA4A6;
}

.af-pct-gold {
  color: #FFB800;
}

.af-pct-plat {
  color: var(--smm-accent);
}

/* ─── Payment info ─── */
.af-pay-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.af-pay-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: var(--smm-bg);
  border-radius: 10px;
}

.af-pay-lbl {
  font-size: 13px;
  color: var(--smm-ink-2);
}

.af-pay-val {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.af-pay-highlight {
  color: var(--smm-success);
}

.af-payout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--smm-gradient);
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: opacity 0.2s;
}

.af-payout-btn:hover {
  opacity: 0.88;
  color: #fff;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .af-banner {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.15) 0%, rgba(0, 202, 243, 0.15) 100%);
  border-color: rgba(0, 202, 243, 0.25);
}

[data-bs-theme=dark] .af-ref-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--smm-ink-3);
}

[data-bs-theme=dark] .af-stat-card,
[data-bs-theme=dark] .af-step,
[data-bs-theme=dark] .af-pay-row {
  background: rgba(255, 255, 255, 0.05);
}

/* ─── Responsive ─── */
@media (max-width: 1100px) {
  .af-grid {
    grid-template-columns: 1fr;
  }
  .af-stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 540px) {
  .af-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .af-steps {
    flex-direction: column;
    gap: 12px;
  }
  .af-step-arrow {
    transform: rotate(90deg);
    align-self: center;
    padding-top: 0;
  }
}
/* ═══════════════════════════════════════════════
   CHILD PANEL ORDER PAGE
   ═══════════════════════════════════════════════ */
/* ─── Hero banner ─── */
.cp-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 36px 40px;
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.1) 0%, rgba(0, 202, 243, 0.1) 100%);
  border: 1px solid rgba(0, 202, 243, 0.2);
  overflow: hidden;
  position: relative;
}

.cp-hero-inner {
  flex: 1;
  position: relative;
  z-index: 1;
}

.cp-hero-badge {
  display: inline-block;
  padding: 4px 12px;
  background: var(--smm-gradient);
  color: #fff;
  border-radius: 20px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cp-hero-title {
  font-size: 26px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  line-height: 1.2;
  margin-bottom: 12px;
}

.cp-hero-gradient {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cp-hero-desc {
  font-size: 14px;
  color: var(--smm-ink-2);
  line-height: 1.65;
  max-width: 520px;
  margin-bottom: 16px;
}

.cp-hero-stars {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--smm-ink-2);
  margin-bottom: 14px;
}

.cp-hero-stars i {
  color: #FFB800;
  font-size: 14px;
}

.cp-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: rgba(0, 202, 243, 0.1);
  border: 1px solid rgba(0, 202, 243, 0.25);
  border-radius: 20px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
}

/* Hero art */
.cp-hero-art {
  position: relative;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}

.cp-hero-circle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.35;
}

.cp-hero-circle-1 {
  width: 120px;
  height: 120px;
  background: var(--smm-gradient);
  top: 0;
  left: 0;
}

.cp-hero-circle-2 {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.7);
  top: 20px;
  left: 20px;
}

.cp-hero-icon {
  position: absolute;
  font-size: 40px;
  color: var(--smm-accent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* ─── Feature cards grid ─── */
.cp-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.cp-feature-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  background: var(--smm-surface);
  border-radius: var(--pp-radius-card);
  box-shadow: var(--pp-shadow-card);
  transition: transform 0.2s;
}

.cp-feature-card:hover {
  transform: translateY(-2px);
}

.cp-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.cp-fi-blue {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.cp-fi-pink {
  background: rgba(242, 85, 111, 0.12);
  color: var(--smm-danger);
}

.cp-fi-orange {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.cp-fi-purple {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.cp-fi-cyan {
  background: rgba(0, 202, 243, 0.12);
  color: #0bbce0;
}

.cp-fi-green {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.cp-feature-title {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 4px;
}

.cp-feature-desc {
  font-size: 12px;
  color: var(--smm-ink-3);
  line-height: 1.55;
}

/* ─── Card base ─── */
.cp-card {
  padding: 28px;
}

.cp-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--smm-border);
}

.cp-card-head i {
  color: var(--smm-primary);
  font-size: 18px;
}

.cp-form-sub {
  font-size: 13px;
  color: var(--smm-ink-3);
  margin-top: 0;
  margin-bottom: 24px;
}

/* ─── Form fields ─── */
.cp-field {
  margin-bottom: 20px;
}

.cp-label {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  margin-bottom: 7px;
}

.cp-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.cp-input-icon {
  position: absolute;
  left: 14px;
  color: var(--smm-ink-3);
  font-size: 15px;
  pointer-events: none;
}

.cp-input {
  width: 100%;
  height: 46px;
  padding: 0 44px 0 42px;
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  background: var(--smm-bg);
  color: var(--smm-ink);
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: inherit;
}

.cp-input:focus {
  border-color: var(--smm-primary);
  box-shadow: 0 0 0 3px rgba(0, 202, 243, 0.12);
  background: var(--smm-surface);
}

.cp-pw-toggle {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--smm-ink-3);
  cursor: pointer;
  padding: 4px;
  font-size: 16px;
  line-height: 1;
}

.cp-pw-toggle:hover {
  color: var(--smm-primary);
}

/* ─── Nameserver info box ─── */
.cp-ns-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 18px;
  background: rgba(0, 202, 243, 0.07);
  border: 1px solid rgba(0, 202, 243, 0.2);
  border-radius: 10px;
  margin-bottom: 20px;
}

.cp-ns-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-primary);
}

.cp-ns-list {
  margin: 0;
  padding-left: 20px;
}

.cp-ns-list li {
  font-size: 13px;
  color: var(--smm-ink-2);
  font-family: monospace;
  padding: 2px 0;
}

/* ─── Pricing display ─── */
.cp-pricing-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--smm-bg);
  border-radius: 12px;
  margin-bottom: 20px;
}

.cp-price-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  background: var(--smm-gradient);
  border-radius: 8px;
}

.cp-price-val {
  font-size: 20px;
  font-weight: var(--fw-extrabold);
  color: #fff;
}

.cp-price-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cp-price-meta span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--smm-ink-2);
}

.cp-price-meta i {
  color: var(--smm-ink-3);
}

/* ─── Currency select ─── */
.cp-select-wrap {
  position: relative;
}

.cp-select {
  width: 100%;
  height: 46px;
  padding: 0 38px 0 14px;
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  background: var(--smm-bg);
  color: var(--smm-ink);
  font-size: 14px;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: border-color 0.2s;
  font-family: inherit;
}

.cp-select:focus {
  border-color: var(--smm-primary);
}

.cp-select-caret {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--smm-ink-3);
  font-size: 13px;
  pointer-events: none;
}

/* ─── Alert ─── */
.cp-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 13.5px;
  margin-bottom: 20px;
}

.cp-alert-danger {
  background: rgba(242, 85, 111, 0.1);
  border: 1px solid rgba(242, 85, 111, 0.25);
  color: var(--smm-danger);
}

.cp-alert i {
  flex-shrink: 0;
  margin-top: 2px;
}

/* ─── Submit button ─── */
.cp-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: opacity 0.2s;
  margin-top: 8px;
  font-family: inherit;
}

.cp-submit-btn:hover {
  opacity: 0.88;
}

/* ─── What's Included ─── */
.cp-included-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 24px;
}

.cp-included-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: var(--smm-ink-2);
  padding: 6px 0;
}

.cp-included-item i {
  color: var(--smm-success);
  font-size: 15px;
  flex-shrink: 0;
}

/* ─── FAQ ─── */
.cp-faq-item {
  border-bottom: 1px solid var(--smm-border);
}

.cp-faq-item:last-child {
  border-bottom: none;
}

.cp-faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 0;
  background: none;
  border: none;
  text-align: left;
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  cursor: pointer;
  gap: 12px;
  font-family: inherit;
}

.cp-faq-q:hover {
  color: var(--smm-primary);
}

.cp-faq-caret {
  transition: transform 0.25s;
  flex-shrink: 0;
}

.cp-faq-q.open .cp-faq-caret {
  transform: rotate(180deg);
}

.cp-faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.cp-faq-a.open {
  max-height: 300px;
}

.cp-faq-a p {
  padding-bottom: 14px;
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.65;
  margin: 0;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .cp-hero {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.15) 0%, rgba(0, 202, 243, 0.15) 100%);
  border-color: rgba(0, 202, 243, 0.25);
}

[data-bs-theme=dark] .cp-feature-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .cp-input,
[data-bs-theme=dark] .cp-select {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .cp-ns-box {
  background: rgba(0, 202, 243, 0.1);
  border-color: rgba(0, 202, 243, 0.25);
}

[data-bs-theme=dark] .cp-pricing-row {
  background: rgba(255, 255, 255, 0.05);
}

/* ─── Responsive ─── */
@media (max-width: 1100px) {
  .cp-features {
    grid-template-columns: repeat(2, 1fr);
  }
  .cp-included-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .cp-hero {
    flex-direction: column;
    padding: 24px 20px;
  }
  .cp-hero-art {
    display: none;
  }
  .cp-hero-title {
    font-size: 22px;
  }
  .cp-features {
    grid-template-columns: 1fr;
  }
  .cp-included-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .cp-included-grid {
    grid-template-columns: 1fr;
  }
  .cp-pricing-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
/* ═══════════════════════════════════════════════
   USER LEVELS & REWARDS PAGE
   ═══════════════════════════════════════════════ */
/* ─── User level card ─── */
.lv-user-card {
  padding: 24px 28px;
}

.lv-user-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.lv-user-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.lv-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--smm-gradient);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  flex-shrink: 0;
}

.lv-user-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.lv-username {
  font-size: 17px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  line-height: 1;
}

.lv-tier-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lv-tier-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.3px;
}

.lv-tier-silver {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.lv-lvnum {
  font-size: 12px;
  color: var(--smm-ink-3);
  font-weight: var(--fw-semibold);
}

.lv-stars {
  display: flex;
  gap: 2px;
  font-size: 14px;
}

.lv-star-on {
  color: #FFB800;
}

.lv-star-off {
  color: var(--smm-border);
}

/* Progress to next level */
.lv-next-block {
  flex: 1;
  min-width: 200px;
  max-width: 380px;
}

.lv-next-label {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin-bottom: 10px;
}

.lv-next-label strong {
  color: #FFB800;
}

.lv-prog-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lv-prog-from, .lv-prog-pct {
  font-size: 12px;
  color: var(--smm-ink-3);
  white-space: nowrap;
  flex-shrink: 0;
}

.lv-prog-pct {
  font-weight: var(--fw-bold);
  color: var(--smm-primary);
  font-size: 13px;
}

.lv-prog-track {
  flex: 1;
  height: 8px;
  background: var(--smm-border);
  border-radius: 4px;
  overflow: hidden;
}

.lv-prog-fill {
  height: 100%;
  background: var(--smm-gradient);
  border-radius: 4px;
  transition: width 1s ease;
}

.lv-prog-sub {
  font-size: 11.5px;
  color: var(--smm-ink-3);
  margin-top: 6px;
}

/* ─── Levels table card ─── */
.lv-card {
  padding: 24px;
}

.lv-section-head {
  margin-bottom: 20px;
}

.lv-section-title {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 4px;
}

.lv-section-desc {
  font-size: 13px;
  color: var(--smm-ink-3);
}

.lv-gradient-text {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Table overrides for levels */
.lv-table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lv-th-center {
  text-align: center !important;
}

.lv-th-right {
  text-align: right !important;
}

.lv-td-center {
  text-align: center;
}

.lv-td-right {
  text-align: right;
}

.lv-row {
  transition: background 0.2s;
}

.lv-row:hover {
  background: rgba(0, 202, 243, 0.04);
}

.lv-row-active {
  background: rgba(121, 122, 242, 0.06) !important;
}

.lv-row-plat {
  background: linear-gradient(to right, rgba(121, 122, 242, 0.06), rgba(0, 202, 243, 0.04));
}

.lv-level-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lv-level-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--smm-border);
  flex-shrink: 0;
}

.lv-dot-bronze {
  background: #cd7f32;
}

.lv-dot-silver {
  background: var(--smm-accent);
  box-shadow: 0 0 0 3px rgba(121, 122, 242, 0.2);
}

.lv-dot-gold {
  background: #FFB800;
}

.lv-dot-plat {
  background: var(--smm-gradient);
}

.lv-emoji {
  font-size: 22px;
  flex-shrink: 0;
}

.lv-level-name {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.lv-tier-name {
  font-size: 12px;
  color: var(--smm-ink-3);
}

.lv-tier-name-bronze {
  color: #cd7f32;
}

.lv-tier-name-silver {
  color: var(--smm-accent);
}

.lv-tier-name-gold {
  color: #D4A017;
}

.lv-tier-name-plat {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: var(--fw-semibold);
}

.lv-row-stars {
  font-size: 11px;
  color: #FFB800;
  letter-spacing: 1px;
  margin-top: 2px;
}

.lv-disc {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: var(--fw-bold);
}

.lv-disc-standard {
  background: var(--smm-bg);
  color: var(--smm-ink-3);
}

.lv-disc-bronze {
  background: rgba(205, 127, 50, 0.12);
  color: #cd7f32;
}

.lv-disc-silver {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.lv-disc-gold {
  background: rgba(255, 184, 0, 0.12);
  color: #D4A017;
}

.lv-disc-plat {
  background: var(--smm-gradient);
  color: #fff;
  box-shadow: 0 2px 8px rgba(121, 122, 242, 0.3);
}

.lv-spend {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.lv-plat-text {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ─── Benefit cards ─── */
.lv-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.lv-benefit-card {
  padding: 24px;
  background: var(--smm-surface);
  border-radius: var(--pp-radius-card);
  box-shadow: var(--pp-shadow-card);
  transition: transform 0.2s;
}

.lv-benefit-card:hover {
  transform: translateY(-2px);
}

.lv-benefit-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 14px;
}

.lv-bi-cyan {
  background: rgba(0, 202, 243, 0.15);
  color: var(--smm-primary);
}

.lv-bi-purple {
  background: rgba(121, 122, 242, 0.15);
  color: var(--smm-accent);
}

.lv-bi-gradient {
  background: var(--smm-gradient);
  color: #fff;
}

.lv-benefit-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.lv-benefit-desc {
  font-size: 13px;
  color: var(--smm-ink-3);
  line-height: 1.6;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .lv-row-active {
  background: rgba(121, 122, 242, 0.12) !important;
}

[data-bs-theme=dark] .lv-row-plat {
  background: linear-gradient(to right, rgba(121, 122, 242, 0.12), rgba(0, 202, 243, 0.06));
}

[data-bs-theme=dark] .lv-benefit-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .lv-disc-standard {
  background: rgba(255, 255, 255, 0.07);
}

[data-bs-theme=dark] .lv-prog-track {
  background: rgba(255, 255, 255, 0.1);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .lv-benefits {
    grid-template-columns: 1fr 1fr;
  }
  .lv-user-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .lv-next-block {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .lv-benefits {
    grid-template-columns: 1fr;
  }
}
/* ═══════════════════════════════════════════════
   UPDATES & ANNOUNCEMENTS PAGE
   ═══════════════════════════════════════════════ */
/* ─── Hero banner ─── */
.upd-hero {
  padding: 28px 32px;
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.09) 0%, rgba(0, 202, 243, 0.09) 100%);
  border: 1px solid rgba(0, 202, 243, 0.18);
}

.upd-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--smm-gradient);
  color: #fff;
  border-radius: 20px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.upd-hero-title {
  font-size: 24px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin-bottom: 6px;
  line-height: 1.2;
}

.upd-gradient-text {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.upd-hero-sub {
  font-size: 13.5px;
  color: var(--smm-ink-3);
  margin-bottom: 24px;
  line-height: 1.6;
}

/* ─── Type filter pills (hero) ─── */
.upd-type-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.upd-type-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: var(--smm-surface);
  border: 1.5px solid var(--smm-border);
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s;
  min-width: 120px;
}

.upd-type-pill:hover {
  border-color: var(--smm-primary);
  transform: translateY(-1px);
}

.upd-type-pill.active {
  border-color: var(--smm-primary);
  background: rgba(0, 202, 243, 0.07);
}

.upd-pill-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.upd-pill-label {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
}

/* Default pill icon colors */
.upd-pill-all .upd-pill-icon {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.upd-pill-feature .upd-pill-icon,
.upd-pill-new .upd-pill-icon {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.upd-pill-maintenance .upd-pill-icon {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.upd-pill-announcement .upd-pill-icon,
.upd-pill-promo .upd-pill-icon {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.upd-pill-update .upd-pill-icon {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

/* ─── Search + filter bar ─── */
.upd-bar {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.upd-search-form {
  flex: 1;
  min-width: 200px;
}

.upd-search-wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.upd-search-icon {
  position: absolute;
  left: 14px;
  color: var(--smm-ink-3);
  font-size: 14px;
  pointer-events: none;
}

.upd-search-input {
  width: 100%;
  height: 40px;
  padding: 0 48px 0 40px;
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  background: var(--smm-bg);
  color: var(--smm-ink);
  font-size: 13.5px;
  outline: none;
  transition: border-color 0.2s;
  font-family: inherit;
}

.upd-search-input:focus {
  border-color: var(--smm-primary);
  background: var(--smm-surface);
}

.upd-search-btn {
  position: absolute;
  right: 6px;
  width: 30px;
  height: 30px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
  transition: opacity 0.2s;
}

.upd-search-btn:hover {
  opacity: 0.85;
}

.upd-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.upd-filter-tab {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  background: var(--smm-bg);
  border: 1px solid var(--smm-border);
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}

.upd-filter-tab:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.upd-filter-tab.active {
  background: var(--smm-gradient);
  color: #fff;
  border-color: transparent;
}

/* ─── List heading ─── */
.upd-list-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.upd-list-head i {
  color: var(--smm-primary);
}

/* ─── Update item card ─── */
.upd-item {
  padding: 20px 24px;
  border-left: 3px solid var(--smm-border);
  transition: border-color 0.2s, transform 0.15s;
}

.upd-item:hover {
  border-left-color: var(--smm-primary);
  transform: translateX(2px);
}

.upd-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 8px;
}

.upd-item-date {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--smm-ink-3);
}

.upd-item-date i {
  font-size: 11px;
}

.upd-item-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 4px;
  line-height: 1.4;
}

.upd-item-id {
  font-size: 11.5px;
  color: var(--smm-ink-3);
  margin-bottom: 8px;
  font-family: monospace;
}

.upd-item-body {
  font-size: 13.5px;
  color: var(--smm-ink-2);
  line-height: 1.65;
}

/* ─── Type badges ─── */
.upd-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: var(--fw-bold);
  text-transform: capitalize;
  letter-spacing: 0.2px;
}

/* Default */
.upd-badge {
  background: rgba(143, 167, 178, 0.15);
  color: var(--smm-ink-2);
}

.upd-badge-update {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.upd-badge-feature,
.upd-badge-new,
.upd-badge-new-feature {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.upd-badge-maintenance {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.upd-badge-announcement,
.upd-badge-promo,
.upd-badge-promotion {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.upd-badge-bonus {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.upd-badge-restored,
.upd-badge-resolved {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.upd-badge-milestone,
.upd-badge-achievement {
  background: rgba(255, 184, 0, 0.12);
  color: #D4A017;
}

/* Border color matches badge type */
.upd-item:has(.upd-badge-feature),
.upd-item:has(.upd-badge-new),
.upd-item:has(.upd-badge-new-feature) {
  border-left-color: var(--smm-success);
}

.upd-item:has(.upd-badge-maintenance) {
  border-left-color: var(--smm-warn);
}

.upd-item:has(.upd-badge-announcement),
.upd-item:has(.upd-badge-promo),
.upd-item:has(.upd-badge-promotion) {
  border-left-color: var(--smm-accent);
}

.upd-item:has(.upd-badge-update) {
  border-left-color: var(--smm-primary);
}

.upd-item:has(.upd-badge-milestone) {
  border-left-color: #D4A017;
}

/* ─── Empty state ─── */
.upd-empty {
  padding: 48px 24px;
  text-align: center;
}

.upd-empty-icon {
  font-size: 40px;
  color: var(--smm-border);
  margin-bottom: 12px;
}

.upd-empty-title {
  font-size: 16px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  margin-bottom: 4px;
}

.upd-empty-sub {
  font-size: 13px;
  color: var(--smm-ink-3);
}

/* ─── CTA ─── */
.upd-cta {
  padding: 32px 24px;
  text-align: center;
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.07) 0%, rgba(0, 202, 243, 0.07) 100%);
  border: 1px solid rgba(0, 202, 243, 0.15);
}

.upd-cta-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--smm-gradient);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin: 0 auto 14px;
}

.upd-cta-title {
  font-size: 17px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.upd-cta-desc {
  font-size: 13px;
  color: var(--smm-ink-3);
  max-width: 420px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .upd-hero {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.14) 0%, rgba(0, 202, 243, 0.14) 100%);
  border-color: rgba(0, 202, 243, 0.25);
}

[data-bs-theme=dark] .upd-type-pill {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .upd-type-pill.active {
  background: rgba(0, 202, 243, 0.1);
}

[data-bs-theme=dark] .upd-search-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .upd-filter-tab {
  background: rgba(255, 255, 255, 0.05);
}

[data-bs-theme=dark] .upd-cta {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.12) 0%, rgba(0, 202, 243, 0.12) 100%);
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
  .upd-hero {
    padding: 20px;
  }
  .upd-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .upd-type-pills {
    gap: 8px;
  }
  .upd-type-pill {
    min-width: unset;
    flex: 1;
  }
}
@media (max-width: 480px) {
  .upd-item {
    padding: 16px;
  }
}
/* ═══════════════════════════════════════════════════════
   TICKETS / SUPPORT PAGE  (tk-*)
   ═══════════════════════════════════════════════════════ */
/* ─── Page header ─── */
.tk-page-title {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin: 0 0 4px;
}

.tk-page-sub {
  font-size: 13.5px;
  color: var(--smm-ink-3);
  margin: 0;
}

/* ─── Feature cards row ─── */
.tk-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.tk-feat-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.tk-feat-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.tk-icon-cyan {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.tk-icon-green {
  background: rgba(102, 204, 0, 0.12);
  color: var(--smm-success);
}

.tk-icon-purple {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.tk-feat-title {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 2px;
}

.tk-feat-sub {
  font-size: 12px;
  color: var(--smm-ink-3);
}

/* ─── Telegram banner ─── */
.tk-telegram {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  background: linear-gradient(135deg, rgba(0, 136, 204, 0.06) 0%, rgba(0, 202, 243, 0.06) 100%);
  border-color: rgba(0, 136, 204, 0.18);
}

.tk-tg-left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.tk-tg-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(0, 136, 204, 0.14);
  color: #0088CC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.tk-tg-title {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 2px;
}

.tk-tg-sub {
  font-size: 12.5px;
  color: var(--smm-ink-3);
}

.tk-tg-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 20px;
  background: #0088CC;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}

.tk-tg-btn:hover {
  background: #006fa8;
  color: #fff;
}

/* ─── Section head ─── */
.tk-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 24px;
}

.tk-section-label {
  font-size: 14.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  display: flex;
  align-items: center;
  gap: 8px;
}

.tk-section-label i {
  color: var(--smm-primary);
}

/* ─── Open Ticket button ─── */
.tk-new-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  transition: opacity 0.2s;
}

.tk-new-btn:hover {
  opacity: 0.88;
}

/* ─── Form panel ─── */
.tk-form-divider {
  height: 1px;
  background: var(--smm-border);
  margin: 0;
}

.tk-form-inner {
  padding: 24px;
}

.tk-form-heading {
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tk-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

.tk-form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tk-label {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
}

.tk-req {
  color: var(--smm-danger);
  font-size: 13px;
}

.tk-input,
.tk-select,
.tk-textarea {
  width: 100%;
  background: var(--smm-bg);
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13.5px;
  color: var(--smm-ink);
  font-family: "Montserrat", sans-serif;
  outline: none;
  transition: border-color 0.2s;
}

.tk-input:focus,
.tk-select:focus,
.tk-textarea:focus {
  border-color: var(--smm-primary);
  background: var(--smm-surface);
}

.tk-textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.6;
}

.tk-select {
  cursor: pointer;
}

.tk-form-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 6px;
}

.tk-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 26px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  transition: opacity 0.2s;
}

.tk-submit-btn:hover {
  opacity: 0.88;
}

.tk-form-alert {
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 13px;
}

/* ─── List card ─── */
.tk-list-head {
  border-bottom: 1px solid var(--smm-border);
}

/* ─── Search + filter bar ─── */
.tk-list-bar {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.tk-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.tk-search-ico {
  position: absolute;
  left: 12px;
  color: var(--smm-ink-3);
  font-size: 14px;
  pointer-events: none;
}

.tk-search-input {
  padding: 9px 40px 9px 36px;
  background: var(--smm-bg);
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  font-size: 13px;
  color: var(--smm-ink);
  font-family: "Montserrat", sans-serif;
  width: 240px;
  outline: none;
  transition: border-color 0.2s;
}

.tk-search-input:focus {
  border-color: var(--smm-primary);
  background: var(--smm-surface);
}

.tk-search-btn {
  position: absolute;
  right: 4px;
  background: none;
  border: none;
  color: var(--smm-ink-3);
  cursor: pointer;
  padding: 4px 8px;
  font-size: 14px;
}

.tk-filter-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.tk-ftab {
  padding: 7px 14px;
  border: 1.5px solid var(--smm-border);
  border-radius: 8px;
  background: var(--smm-surface);
  color: var(--smm-ink-2);
  font-size: 12.5px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.tk-ftab:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.tk-ftab-active {
  border-color: var(--smm-primary);
  background: rgba(0, 202, 243, 0.08);
  color: var(--smm-primary);
}

/* ─── Table ─── */
.tk-table-wrap {
  overflow-x: auto;
  padding: 0 24px 24px;
}

.tk-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.tk-table thead tr {
  background: var(--smm-bg);
}

.tk-table thead th {
  padding: 11px 14px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border-bottom: 1px solid var(--smm-border);
  white-space: nowrap;
}

.tk-table tbody tr {
  border-bottom: 1px solid var(--smm-border);
  transition: background 0.15s;
}

.tk-table tbody tr:last-child {
  border-bottom: none;
}

.tk-table tbody tr:hover {
  background: rgba(0, 202, 243, 0.04);
}

.tk-table td {
  padding: 13px 14px;
  color: var(--smm-ink);
  vertical-align: middle;
}

.tk-id-cell {
  font-size: 12.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-3);
  font-family: monospace;
  white-space: nowrap;
}

.tk-subject-link {
  color: var(--smm-ink);
  text-decoration: none;
  font-weight: var(--fw-medium);
}

.tk-subject-link:hover {
  color: var(--smm-primary);
}

.tk-row-new .tk-subject-link {
  color: var(--smm-primary);
}

.tk-cat-cell {
  color: var(--smm-ink-2);
  font-size: 12.5px;
}

.tk-date-cell {
  color: var(--smm-ink-3);
  font-size: 12px;
  white-space: nowrap;
}

/* ─── Status badges ─── */
.tk-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: var(--fw-bold);
  text-transform: capitalize;
  white-space: nowrap;
}

.tk-status-badge {
  background: rgba(143, 167, 178, 0.15);
  color: var(--smm-ink-2);
}

.tk-status-open {
  background: rgba(102, 204, 0, 0.14);
  color: var(--smm-success);
}

.tk-status-closed {
  background: rgba(242, 85, 111, 0.12);
  color: var(--smm-danger);
}

.tk-status-answered {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.tk-status-in-progress {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.tk-status-replied {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.tk-status-pending {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

/* ─── View button ─── */
.tk-view-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  border-radius: 8px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background 0.2s;
  white-space: nowrap;
}

.tk-view-btn:hover {
  background: rgba(0, 202, 243, 0.2);
  color: var(--smm-primary);
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .tk-feat-card {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .tk-telegram {
  background: linear-gradient(135deg, rgba(0, 136, 204, 0.08) 0%, rgba(0, 202, 243, 0.08) 100%);
}

[data-bs-theme=dark] .tk-input,
[data-bs-theme=dark] .tk-select,
[data-bs-theme=dark] .tk-textarea {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .tk-input:focus,
[data-bs-theme=dark] .tk-select:focus,
[data-bs-theme=dark] .tk-textarea:focus {
  background: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .tk-search-input {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .tk-ftab {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .tk-ftab-active {
  background: rgba(0, 202, 243, 0.12);
}

[data-bs-theme=dark] .tk-table thead tr {
  background: rgba(255, 255, 255, 0.04);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .tk-features {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .tk-features {
    grid-template-columns: 1fr;
  }
  .tk-telegram {
    flex-direction: column;
    align-items: flex-start;
  }
  .tk-form-row {
    grid-template-columns: 1fr;
  }
  .tk-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .tk-list-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .tk-filter-tabs {
    justify-content: flex-start;
  }
  .tk-search-input {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .tk-form-inner {
    padding: 16px;
  }
  .tk-table-wrap {
    padding: 0 12px 16px;
  }
}
.upd-type-pill {
  padding: 8px 12px;
}

.upd-pill-label {
  font-size: 12px;
}

/* ═══════════════════════════════════════════════════════
   VIEW TICKET PAGE  (vt-*)
   ═══════════════════════════════════════════════════════ */
/* ─── Header ─── */
.vt-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-3);
  text-decoration: none;
  margin-bottom: 10px;
  transition: color 0.2s;
}

.vt-back:hover {
  color: var(--smm-primary);
}

.vt-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.vt-title {
  font-size: 20px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin: 0;
}

.vt-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  text-transform: capitalize;
}

.vt-status-badge {
  background: rgba(143, 167, 178, 0.15);
  color: var(--smm-ink-2);
}

.vt-status-open {
  background: rgba(102, 204, 0, 0.14);
  color: var(--smm-success);
}

.vt-status-closed {
  background: rgba(242, 85, 111, 0.12);
  color: var(--smm-danger);
}

.vt-status-answered {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.vt-status-in-progress {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

.vt-status-replied {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.vt-status-pending {
  background: rgba(255, 170, 0, 0.12);
  color: var(--smm-warn);
}

/* ─── Thread card ─── */
.vt-thread {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* ─── Message row ─── */
.vt-msg {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.vt-msg-content {
  flex: 1;
  min-width: 0;
}

.vt-msg-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.vt-meta-right {
  justify-content: flex-end;
}

.vt-meta-left {
  justify-content: flex-start;
}

.vt-msg-author {
  font-size: 13.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.vt-support-name {
  color: var(--smm-primary);
}

.vt-msg-time {
  font-size: 12px;
  color: var(--smm-ink-3);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ─── User message (right) ─── */
.vt-msg-user {
  flex-direction: row-reverse;
}

.vt-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--smm-gradient);
  color: #fff;
  font-size: 15px;
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ─── Support message (left) ─── */
.vt-support-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 202, 243, 0.14);
  color: var(--smm-primary);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ─── Bubbles ─── */
.vt-bubble {
  border-radius: 14px;
  padding: 14px 18px;
  max-width: 100%;
  line-height: 1.65;
}

.vt-bubble-user {
  background: var(--smm-bg);
  border: 1px solid var(--smm-border);
  border-top-right-radius: 4px;
}

.vt-bubble-support {
  background: rgba(0, 202, 243, 0.05);
  border: 1px solid rgba(0, 202, 243, 0.18);
  border-left: 3px solid var(--smm-primary);
  border-top-left-radius: 4px;
}

.vt-bubble-text {
  font-size: 13.5px;
  color: var(--smm-ink);
  white-space: pre-wrap;
  word-break: break-word;
}

/* ─── Attachments ─── */
.vt-files {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--smm-border);
}

.vt-files-label {
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-3);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.vt-file-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 8px;
  font-size: 12.5px;
  color: var(--smm-ink-2);
  text-decoration: none;
  margin: 0 6px 6px 0;
  transition: border-color 0.2s, color 0.2s;
}

.vt-file-chip:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.vt-file-chip i {
  color: var(--smm-accent);
  font-size: 14px;
}

.vt-file-dl {
  font-size: 11px;
  color: var(--smm-ink-3);
  margin-left: 2px;
}

/* ─── Reply card ─── */
.vt-reply-head {
  padding: 18px 24px;
  font-size: 14.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  border-bottom: 1px solid var(--smm-border);
  display: flex;
  align-items: center;
  gap: 8px;
}

.vt-reply-head i {
  color: var(--smm-primary);
}

.vt-reply-body {
  padding: 24px;
}

.vt-form-group {
  margin-bottom: 20px;
}

.vt-label {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  margin-bottom: 8px;
}

.vt-req {
  color: var(--smm-danger);
}

.vt-textarea-wrap {
  position: relative;
}

.vt-textarea {
  width: 100%;
  background: var(--smm-bg);
  border: 1.5px solid var(--smm-border);
  border-radius: 12px;
  padding: 12px 16px 30px;
  font-size: 13.5px;
  color: var(--smm-ink);
  font-family: "Montserrat", sans-serif;
  resize: vertical;
  min-height: 140px;
  line-height: 1.65;
  outline: none;
  transition: border-color 0.2s;
}

.vt-textarea:focus {
  border-color: var(--smm-primary);
  background: var(--smm-surface);
}

.vt-char-count {
  position: absolute;
  bottom: 10px;
  right: 14px;
  font-size: 11.5px;
  color: var(--smm-ink-3);
  pointer-events: none;
}

.vt-form-alert {
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 13px;
}

.vt-reply-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.vt-send-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 28px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: var(--fw-bold);
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
  transition: opacity 0.2s;
}

.vt-send-btn:hover {
  opacity: 0.88;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .vt-bubble-user {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .vt-bubble-support {
  background: rgba(0, 202, 243, 0.07);
  border-color: rgba(0, 202, 243, 0.22);
}

[data-bs-theme=dark] .vt-file-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .vt-textarea {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .vt-textarea:focus {
  background: rgba(255, 255, 255, 0.08);
}

/* ─── Responsive ─── */
@media (max-width: 600px) {
  .vt-thread {
    padding: 16px;
    gap: 18px;
  }
  .vt-bubble {
    padding: 12px 14px;
  }
  .vt-reply-body {
    padding: 16px;
  }
  .vt-avatar,
  .vt-support-icon {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
}
/* ═══════════════════════════════════════════════════════
   MOBILE APPS PAGE  (ma-*)
   ═══════════════════════════════════════════════════════ */
/* ─── Page header ─── */
.ma-page-title {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin: 0 0 4px;
}

.ma-page-sub {
  font-size: 13.5px;
  color: var(--smm-ink-3);
  margin: 0;
}

/* ─── Feature pills row ─── */
.ma-pills {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ma-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  border: 1px solid rgba(0, 202, 243, 0.2);
  border-radius: 30px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
}

.ma-pill-green {
  background: rgba(102, 204, 0, 0.1);
  color: var(--smm-success);
  border-color: rgba(102, 204, 0, 0.2);
}

.ma-pill-purple {
  background: rgba(121, 122, 242, 0.1);
  color: var(--smm-accent);
  border-color: rgba(121, 122, 242, 0.2);
}

/* ─── Card sections ─── */
.ma-card {
  padding: 0;
  overflow: hidden;
}

.ma-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--smm-border);
}

.ma-head-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.ma-icon-tg {
  background: rgba(0, 136, 204, 0.12);
  color: #0088CC;
}

.ma-icon-app {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.ma-card-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 2px;
}

.ma-card-sub {
  font-size: 12.5px;
  color: var(--smm-ink-3);
}

/* ─── Inner sections ─── */
.ma-inner-section {
  padding: 20px 24px 0;
}

.ma-inner-section:last-child {
  padding-bottom: 24px;
}

.ma-inner-label {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.ma-inner-label i {
  color: var(--smm-primary);
}

.mt-3 {
  margin-top: 18px;
}

/* ─── Features grid ─── */
.ma-feat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 24px;
}

.ma-feat-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--smm-ink-2);
}

.ma-feat-item i {
  color: var(--smm-success);
  font-size: 14px;
  flex-shrink: 0;
}

/* ─── Steps ─── */
.ma-steps {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.ma-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 100px;
  text-align: center;
}

.ma-step-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.ma-step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
  font-size: 14px;
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ma-step-accent {
  background: rgba(121, 122, 242, 0.12);
  color: var(--smm-accent);
}

.ma-step-label {
  font-size: 12.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  text-align: center;
}

.ma-step-arrow {
  padding-top: 8px;
  color: var(--smm-border);
  font-size: 18px;
  flex-shrink: 0;
  align-self: flex-start;
}

.ma-tg-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: #0088CC;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}

.ma-tg-btn:hover {
  background: #006fa8;
  color: #fff;
}

.ma-tip {
  margin-top: 14px;
  padding: 10px 14px;
  background: rgba(0, 202, 243, 0.06);
  border-left: 3px solid var(--smm-primary);
  border-radius: 0 8px 8px 0;
  font-size: 12.5px;
  color: var(--smm-ink-3);
  display: flex;
  align-items: flex-start;
  gap: 7px;
  line-height: 1.55;
}

.ma-tip i {
  color: var(--smm-primary);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ─── App columns ─── */
.ma-app-cols {
  display: flex;
  gap: 0;
  padding: 0 24px;
  margin-top: 20px;
}

.ma-app-panel {
  flex: 1;
  padding: 20px;
  background: var(--smm-bg);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ma-app-divider {
  width: 1px;
  background: var(--smm-border);
  margin: 0 16px;
  align-self: stretch;
}

.ma-app-logo {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 10px;
}

.ma-logo-ios {
  background: #000;
  color: #fff;
}

.ma-logo-android {
  background: rgba(61, 220, 132, 0.14);
  color: #3DDC84;
}

.ma-app-platform {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 12px;
}

.ma-install-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: opacity 0.2s;
  margin-bottom: 4px;
}

.ma-install-btn:hover {
  opacity: 0.85;
}

.ma-btn-ios {
  background: #111;
  color: #fff;
}

.ma-btn-android {
  background: #3DDC84;
  color: #1a1a1a;
}

.ma-install-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ma-install-steps li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--smm-ink-2);
  padding-left: 4px;
}

.ma-install-steps li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--smm-primary);
  flex-shrink: 0;
}

.ma-app-note {
  margin: 16px 24px 0;
  padding: 10px 14px;
  background: rgba(255, 170, 0, 0.07);
  border-left: 3px solid var(--smm-warn);
  border-radius: 0 8px 8px 0;
  font-size: 12.5px;
  color: var(--smm-ink-3);
  display: flex;
  align-items: flex-start;
  gap: 7px;
  line-height: 1.55;
}

.ma-app-note i {
  color: var(--smm-warn);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ─── FAQ ─── */
.ma-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ma-faq-item {
  border-bottom: 1px solid var(--smm-border);
}

.ma-faq-item:last-child {
  border-bottom: none;
}

.ma-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  background: none;
  border: none;
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  text-align: left;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  transition: color 0.2s;
}

.ma-faq-q:hover {
  color: var(--smm-primary);
}

.ma-faq-chevron {
  color: var(--smm-ink-3);
  font-size: 12px;
  flex-shrink: 0;
  transition: transform 0.25s;
}

.ma-faq-q.open .ma-faq-chevron {
  transform: rotate(180deg);
}

.ma-faq-a {
  max-height: 0;
  overflow: hidden;
  font-size: 13px;
  color: var(--smm-ink-3);
  line-height: 1.65;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.ma-faq-a.open {
  max-height: 200px;
  padding-bottom: 14px;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .ma-app-panel {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .ma-logo-ios {
  background: #1a1a1a;
}

[data-bs-theme=dark] .ma-btn-ios {
  background: #2a2a2a;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
  .ma-steps {
    gap: 12px;
  }
  .ma-step-arrow {
    display: none;
  }
  .ma-step {
    flex: 0 0 calc(50% - 6px);
    min-width: 0;
  }
  .ma-feat-grid {
    grid-template-columns: 1fr;
  }
  .ma-card-head {
    padding: 16px;
  }
  .ma-inner-section {
    padding: 16px 16px 0;
  }
  .ma-inner-section:last-child {
    padding-bottom: 16px;
  }
  .ma-app-cols {
    flex-direction: column;
    padding: 0 16px;
    gap: 12px;
  }
  .ma-app-divider {
    display: none;
  }
  .ma-app-panel {
    padding: 16px;
  }
  .ma-app-note {
    margin: 12px 16px 0;
  }
}
@media (max-width: 480px) {
  .ma-pills {
    gap: 8px;
  }
  .ma-pill {
    padding: 7px 14px;
    font-size: 12px;
  }
  .ma-step {
    flex: 0 0 calc(50% - 6px);
  }
}
/* ═══════════════════════════════════════════════════════
   ACCOUNT / SETTINGS PAGE  (ac-*)
   ═══════════════════════════════════════════════════════ */
/* ─── Card shell ─── */
.ac-card {
  padding: 0;
  overflow: hidden;
}

.ac-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  border-bottom: 1px solid var(--smm-border);
}

.ac-card-head i {
  color: var(--smm-primary);
  font-size: 15px;
}

.ac-card-body {
  padding: 20px 24px 24px;
}

.ac-alert {
  border-radius: 10px;
  font-size: 13px;
}

/* ─── Avatar ─── */
.ac-avatar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--smm-border);
}

.ac-avatar {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--smm-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 10px;
  overflow: hidden;
}

.ac-avatar-letter {
  font-size: 28px;
  font-weight: var(--fw-bold);
  color: #fff;
}

.ac-avatar-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
  color: #fff;
  font-size: 20px;
}

.ac-avatar:hover .ac-avatar-overlay {
  opacity: 1;
}

.ac-avatar-label {
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  margin-bottom: 3px;
}

.ac-avatar-sub {
  font-size: 12px;
  color: var(--smm-ink-3);
}

/* ─── Field rows ─── */
.ac-field-row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}

.ac-field-row:last-child {
  margin-bottom: 0;
}

.ac-field-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.ac-label {
  font-size: 12.5px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
}

.ac-input,
.ac-select,
.ac-textarea {
  width: 100%;
  background: var(--smm-bg);
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13.5px;
  color: var(--smm-ink);
  font-family: "Montserrat", sans-serif;
  outline: none;
  transition: border-color 0.2s, background 0.2s;
}

.ac-input:focus,
.ac-select:focus,
.ac-textarea:focus {
  border-color: var(--smm-primary);
  background: var(--smm-surface);
}

.ac-input[readonly],
.ac-input:disabled {
  opacity: 0.7;
  cursor: default;
}

.ac-select {
  cursor: pointer;
}

.ac-textarea {
  resize: vertical;
  min-height: 110px;
  line-height: 1.6;
}

/* ─── Password input wrap ─── */
.ac-input-wrap {
  position: relative;
}

.ac-input-wrap .ac-input {
  padding-right: 42px;
}

.ac-eye-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--smm-ink-3);
  cursor: pointer;
  padding: 4px;
  font-size: 15px;
  transition: color 0.2s;
}

.ac-eye-btn:hover {
  color: var(--smm-primary);
}

/* ─── Inline button (Change / Save) ─── */
.ac-inline-btn {
  padding: 10px 18px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity 0.2s;
}

.ac-inline-btn:hover {
  opacity: 0.88;
}

/* ─── Save button (full or normal) ─── */
.ac-save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 22px;
  background: var(--smm-gradient);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  transition: opacity 0.2s;
}

.ac-save-btn:hover {
  opacity: 0.88;
}

.ac-btn-full {
  width: 100%;
}

.mt-3 {
  margin-top: 14px;
}

/* ─── 2FA section ─── */
.ac-badge-off {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  background: rgba(242, 85, 111, 0.1);
  color: var(--smm-danger);
  border-radius: 20px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  margin-left: 4px;
}

.ac-2fa-desc {
  font-size: 13px;
  color: var(--smm-ink-3);
  line-height: 1.6;
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 14px;
}

.mb-4 {
  margin-bottom: 20px;
}

/* ─── API key row ─── */
.ac-apikey-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ac-apikey-input {
  flex: 1;
  letter-spacing: 2px;
}

.ac-copy-btn {
  width: 40px;
  height: 40px;
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  background: var(--smm-surface);
  color: var(--smm-ink-3);
  cursor: pointer;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.2s, color 0.2s;
}

.ac-copy-btn:hover {
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

.ac-apikey-date {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin-top: 6px;
}

/* ─── Notifications ─── */
.ac-notif-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}

.ac-notif-panel {
  background: var(--smm-bg);
  border-radius: 14px;
  padding: 18px;
  display: flex;
  flex-direction: column;
}

.ac-notif-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  margin-bottom: 12px;
}

.ac-notif-email {
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
}

.ac-notif-tg {
  background: rgba(0, 136, 204, 0.12);
  color: #0088CC;
}

.ac-notif-title {
  font-size: 13.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 5px;
}

.ac-notif-desc {
  font-size: 12px;
  color: var(--smm-ink-3);
  line-height: 1.55;
  flex: 1;
}

.ac-tg-notif-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  background: #0088CC;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  margin-top: 14px;
  transition: background 0.2s;
}

.ac-tg-notif-btn:hover {
  background: #006fa8;
}

/* ─── Notification Preferences ─── */
.ac-notif-prefs-head {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink-2);
  margin-bottom: 14px;
  padding-top: 4px;
  border-top: 1px solid var(--smm-border);
  padding-top: 20px;
}

.ac-notif-prefs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.ac-notif-pref-card {
  background: var(--smm-bg);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ac-notif-pref-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(0, 202, 243, 0.12);
  color: var(--smm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.ac-notif-pref-name {
  font-size: 12.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.ac-notif-pref-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ac-notif-pref-label {
  font-size: 12px;
  color: var(--smm-ink-3);
}

/* ─── Toggle switch ─── */
.ac-toggle {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  cursor: pointer;
  flex-shrink: 0;
}

.ac-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ac-toggle-track {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: var(--smm-border);
  transition: background 0.25s;
}

.ac-toggle-track::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.25s;
}

.ac-toggle input:checked + .ac-toggle-track {
  background: var(--smm-primary);
}

.ac-toggle input:checked + .ac-toggle-track::after {
  transform: translateX(16px);
}

/* ─── Modal ─── */
.ac-modal {
  border-radius: 16px;
  overflow: hidden;
  border: none;
}

.ac-modal-head {
  background: var(--smm-surface);
  border-bottom: 1px solid var(--smm-border);
  padding: 16px 20px;
  font-size: 14.5px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.ac-modal-body {
  padding: 20px;
  background: var(--smm-surface);
}

.ac-modal-foot {
  background: var(--smm-surface);
  border-top: 1px solid var(--smm-border);
  padding: 14px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.ac-modal-cancel {
  padding: 9px 18px;
  background: var(--smm-bg);
  border: 1.5px solid var(--smm-border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink-2);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .ac-input,
[data-bs-theme=dark] .ac-select,
[data-bs-theme=dark] .ac-textarea {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .ac-input:focus,
[data-bs-theme=dark] .ac-select:focus,
[data-bs-theme=dark] .ac-textarea:focus {
  background: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .ac-notif-panel,
[data-bs-theme=dark] .ac-notif-pref-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .ac-modal {
  background: var(--smm-surface);
}

[data-bs-theme=dark] .ac-copy-btn {
  background: rgba(255, 255, 255, 0.05);
}

[data-bs-theme=dark] .ac-modal-cancel {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .ac-notif-prefs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ac-card-body {
    padding: 16px;
  }
  .ac-card-head {
    padding: 14px 16px;
  }
  .ac-notif-cols {
    grid-template-columns: 1fr;
  }
  .ac-field-row {
    flex-wrap: wrap;
  }
  .ac-inline-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ac-notif-prefs {
    grid-template-columns: 1fr 1fr;
  }
}
/* ═══════════════════════════════════════════════════════
   BLOG PAGE  (guest)
   ═══════════════════════════════════════════════════════ */
/* ─── Breadcrumb ─── */
.breadcrumb-wrap {
  background: var(--smm-bg);
  padding: 12px 0;
}

.pg-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 5px 16px;
  font-size: 12px;
}

.pg-breadcrumb a {
  color: #9da8b8;
  font-weight: var(--fw-medium);
  transition: color 0.2s;
}

.pg-breadcrumb a:hover {
  color: var(--smm-primary);
}

.pg-breadcrumb .sep {
  color: #b0bbc9;
  font-size: 11px;
}

.pg-breadcrumb .current {
  color: #4a5568;
  font-weight: var(--fw-semibold);
}

/* ─── Hero ─── */
.blog-hero {
  background: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), linear-gradient(135deg, #797af2 0%, #00c4d4 100%);
  padding: 64px 0 56px;
  text-align: center;
}

.blog-hero h1 {
  font-size: 42px;
  font-weight: var(--fw-extrabold);
  color: #1e2d4a;
  margin-bottom: 14px;
  line-height: 1.15;
}

.blog-hero h1 span {
  color: var(--smm-primary);
}

.blog-hero .subtitle {
  font-size: 15px;
  color: #7a8899;
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ─── Search ─── */
.search-section {
  background: var(--smm-bg);
  padding: 28px 0 0;
}

.search-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 16px rgba(30, 45, 74, 0.08);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.search-card i {
  font-size: 18px;
  color: #b0bbc9;
  flex-shrink: 0;
}

.search-card input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  color: #1e2d4a;
  background: transparent;
}

.search-card input::placeholder {
  color: #b0bbc9;
}

/* ─── Blog section wrapper ─── */
.blog-section {
  background: var(--smm-bg);
  padding: 28px 0 64px;
}

.blog-intro-block {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 28px;
  font-size: 14px;
  color: #4a5568;
  line-height: 1.7;
  box-shadow: 0 2px 16px rgba(30, 45, 74, 0.07);
}

.section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}

.section-head h2 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin: 0;
}

/* ─── Featured card ─── */
.featured-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 24px rgba(30, 45, 74, 0.09);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  margin-bottom: 32px;
}

.featured-card .feat-img {
  min-height: 300px;
  background-size: cover;
  background-position: center;
}

.feat-img-gradient {
  background: var(--smm-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 56px;
  color: rgba(255, 255, 255, 0.4);
}

.feat-img-inner {
  font-size: 56px;
  opacity: 0.5;
}

.featured-card .feat-body {
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feat-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #9da8b8;
  margin-bottom: 14px;
}

.feat-chip {
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 3px 10px;
  border-radius: 6px;
}

.featured-card h2 {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: #1e2d4a;
  line-height: 1.3;
  margin-bottom: 12px;
}

.feat-excerpt {
  font-size: 13.5px;
  color: #7a8899;
  line-height: 1.65;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.feat-excerpt p {
  margin: 0;
}

.feat-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.btn-read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--smm-primary);
  font-size: 13px;
  font-weight: var(--fw-bold);
  background: rgba(0, 202, 243, 0.08);
  padding: 7px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 202, 243, 0.2);
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}

.btn-read-more:hover {
  background: rgba(0, 202, 243, 0.16);
  border-color: var(--smm-primary);
  color: var(--smm-primary);
}

/* ─── Blog panel ─── */
.blog-panel {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(30, 45, 74, 0.09);
  overflow: hidden;
}

.blog-panel-head {
  padding: 22px 24px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f4fb;
}

.blog-panel-head i {
  font-size: 20px;
  color: #4a5568;
}

.blog-panel-head h3 {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin: 0;
}

.blog-panel-body {
  padding: 20px 24px 28px;
}

/* ─── Category tabs ─── */
.blog-tabs-wrap {
  margin-bottom: 24px;
}

.blog-tabs {
  display: flex;
  gap: 4px;
  background: #f4f7fc;
  border-radius: 12px;
  padding: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.blog-tabs::-webkit-scrollbar {
  display: none;
}

.blog-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #7a8899;
  background: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
  transition: color 0.18s, background 0.18s, box-shadow 0.18s;
}

.blog-tab:hover {
  color: #4a5568;
}

.blog-tab.active {
  background: #fff;
  color: var(--smm-primary);
  box-shadow: 0 2px 10px rgba(30, 45, 74, 0.1);
}

/* ─── Blog cards ─── */
.blog-card {
  background: #f8fafd;
  border-radius: 16px;
  border: 1px solid #e8edf5;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.2s, box-shadow 0.2s;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(30, 45, 74, 0.13);
}

.blog-card .card-img {
  aspect-ratio: 16/10;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

.blog-card .card-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  color: #9da8b8;
}

.card-chip {
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 3px 8px;
  border-radius: 6px;
}

.card-chip.chip-tg {
  background: rgba(0, 136, 204, 0.1);
  color: #0088cc;
}

.card-chip.chip-ig {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}

.card-chip.chip-tt {
  background: rgba(1, 1, 1, 0.08);
  color: #010101;
}

.card-chip.chip-yt {
  background: rgba(255, 0, 0, 0.08);
  color: #ff0000;
}

.card-chip.chip-mk {
  background: rgba(121, 122, 242, 0.1);
  color: #797af2;
}

.card-chip.chip-st {
  background: rgba(0, 170, 100, 0.1);
  color: #00aa64;
}

.blog-card h3 {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  line-height: 1.4;
  margin: 0;
}

.blog-card-excerpt {
  font-size: 13px;
  color: #7a8899;
  line-height: 1.55;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card-excerpt p {
  margin: 0;
}

.card-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;
  font-size: 12px;
  color: #9da8b8;
}

.card-read-more {
  color: var(--smm-primary);
  font-weight: var(--fw-bold);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: gap 0.2s;
}

.card-read-more:hover {
  gap: 7px;
  color: var(--smm-primary);
}

/* ─── Card image gradient variants ─── */
.ci-1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.ci-2 {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.ci-3 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.ci-4 {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.ci-5 {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.ci-6 {
  background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
}

.card-img-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.5);
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .pg-breadcrumb {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .pg-breadcrumb a {
  color: #597380;
}

[data-bs-theme=dark] .pg-breadcrumb .current {
  color: #8FA7B2;
}

[data-bs-theme=dark] .blog-hero {
  background: linear-gradient(rgba(0, 28, 38, 0.55), rgba(0, 28, 38, 0.55)), linear-gradient(135deg, #797af2 0%, #00c4d4 100%);
}

[data-bs-theme=dark] .blog-hero h1 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .blog-hero .subtitle {
  color: #8FA7B2;
}

[data-bs-theme=dark] .search-card {
  background: #0D2B36;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

[data-bs-theme=dark] .search-card input {
  color: #e8f0f4;
}

[data-bs-theme=dark] .search-card input::placeholder {
  color: #597380;
}

[data-bs-theme=dark] .search-card i {
  color: #597380;
}

[data-bs-theme=dark] .blog-intro-block {
  background: #0D2B36;
  color: #8FA7B2;
}

[data-bs-theme=dark] .section-head h2 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .featured-card {
  background: #0D2B36;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] .featured-card h2 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .feat-excerpt {
  color: #8FA7B2;
}

[data-bs-theme=dark] .blog-panel {
  background: #0D2B36;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] .blog-panel-head {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .blog-panel-head i {
  color: #8FA7B2;
}

[data-bs-theme=dark] .blog-panel-head h3 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .blog-tabs {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .blog-tab {
  color: #597380;
}

[data-bs-theme=dark] .blog-tab.active {
  background: #0D2B36;
  color: var(--smm-primary);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-bs-theme=dark] .blog-card {
  background: rgba(13, 43, 54, 0.55);
  border-color: rgba(255, 255, 255, 0.07);
}

[data-bs-theme=dark] .blog-card h3 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .blog-card-excerpt {
  color: #8FA7B2;
}

[data-bs-theme=dark] .card-chip.chip-tt {
  color: #e8f0f4;
}

/* ─── Responsive ─── */
@media (max-width: 991px) {
  .blog-hero {
    padding: 44px 0 36px;
  }
  .blog-hero h1 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .featured-card {
    grid-template-columns: 1fr;
  }
  .featured-card .feat-img {
    min-height: 200px;
  }
  .featured-card .feat-body {
    padding: 24px 20px;
  }
  .featured-card h2 {
    font-size: 18px;
  }
  .blog-panel-body {
    padding: 16px;
  }
}
@media (max-width: 575px) {
  .blog-hero h1 {
    font-size: 24px;
  }
  .blog-hero .subtitle {
    font-size: 13px;
  }
}
/* ═══════════════════════════════════════════════════════
   BLOG POST PAGE  (guest)
   ═══════════════════════════════════════════════════════ */
.post-section {
  background: var(--smm-bg);
  padding: 20px 0 64px;
}

.related-section {
  background: var(--smm-bg);
  padding: 0 0 64px;
}

/* ─── Return button ─── */
.btn-return {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: #4a5568;
  background: #fff;
  border: 1px solid #e4eaf5;
  border-radius: 8px;
  padding: 8px 16px;
  margin-bottom: 18px;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.btn-return:hover {
  color: var(--smm-primary);
  border-color: var(--smm-primary);
  background: rgba(0, 202, 243, 0.04);
}

/* ─── Article card ─── */
.article-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 24px rgba(30, 45, 74, 0.09);
  padding: 36px;
  margin-bottom: 32px;
}

.article-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 32px;
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.meta-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #9da8b8;
}

.meta-chip i {
  font-size: 13px;
}

.meta-platform {
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 3px 10px;
  border-radius: 6px;
}

.article-title {
  font-size: 26px;
  font-weight: var(--fw-extrabold);
  color: #1e2d4a;
  line-height: 1.28;
  margin: 0;
}

.cover-img {
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  color: rgba(255, 255, 255, 0.5);
}

.ci-cover {
  background: var(--smm-gradient);
}

.article-divider {
  border: none;
  border-top: 1px solid #e8edf5;
  margin: 0 0 28px;
}

/* ─── Post body typography ─── */
.post-body {
  font-size: 15px;
  line-height: 1.75;
  color: #526878;
  font-family: "Inter", sans-serif;
}

.post-body p {
  margin-bottom: 16px;
}

.post-body h2 {
  font-weight: var(--fw-bold);
  font-size: 21px;
  color: #1e2d4a;
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f0f4fb;
}

.post-body h3 {
  font-weight: var(--fw-bold);
  font-size: 17px;
  color: #1e2d4a;
  margin: 22px 0 10px;
}

.post-body ul,
.post-body ol {
  padding-left: 22px;
  margin-bottom: 16px;
}

.post-body li {
  margin-bottom: 6px;
}

.post-body strong {
  color: #1e2d4a;
}

.post-body img {
  max-width: 100%;
  border-radius: 12px;
  margin: 20px 0;
}

.post-body blockquote {
  border-left: 3px solid var(--smm-primary);
  padding: 10px 18px;
  background: rgba(0, 202, 243, 0.05);
  border-radius: 0 10px 10px 0;
  margin: 20px 0;
  color: #526878;
  font-style: italic;
  font-size: 15px;
}

/* ─── Two-column list box ─── */
.list-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  background: #f8fafd;
  border: 1px solid #e8edf5;
  border-radius: 14px;
  padding: 22px;
  margin: 20px 0;
}

.list-split h3 {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: #1e2d4a;
  margin-bottom: 10px;
}

.list-split ul {
  padding-left: 18px;
  margin: 0;
}

.list-split li {
  font-size: 13px;
  color: #526878;
  margin-bottom: 5px;
}

/* ─── Dark mode ─── */
[data-bs-theme=dark] .post-section,
[data-bs-theme=dark] .related-section {
  background: #001C26;
}

[data-bs-theme=dark] .btn-return {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
  color: #8FA7B2;
}

[data-bs-theme=dark] .btn-return:hover {
  color: var(--smm-primary);
  border-color: var(--smm-primary);
}

[data-bs-theme=dark] .article-card {
  background: #0D2B36;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] .article-title {
  color: #e8f0f4;
}

[data-bs-theme=dark] .meta-chip {
  color: #597380;
}

[data-bs-theme=dark] .article-divider {
  border-top-color: rgba(255, 255, 255, 0.07);
}

[data-bs-theme=dark] .post-body {
  color: #8FA7B2;
}

[data-bs-theme=dark] .post-body h2 {
  color: #e8f0f4;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .post-body h3 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .post-body strong {
  color: #e8f0f4;
}

[data-bs-theme=dark] .post-body blockquote {
  background: rgba(0, 202, 243, 0.07);
  color: #8FA7B2;
}

[data-bs-theme=dark] .list-split {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}

[data-bs-theme=dark] .list-split h3 {
  color: #e8f0f4;
}

[data-bs-theme=dark] .list-split li {
  color: #8FA7B2;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
  .article-header {
    grid-template-columns: 1fr;
  }
  .article-card {
    padding: 22px;
  }
  .article-title {
    font-size: 20px;
  }
  .list-split {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .article-card {
    padding: 16px;
  }
  .post-body h2 {
    font-size: 18px;
  }
}
/* ═══════════════════════════════════════════════════
   Free Telegram Post Views  (ft-*)
═══════════════════════════════════════════════════ */
/* ─── Hero ─── */
.ft-hero {
  background: linear-gradient(135deg, #020617 0%, #0f172a 22%, #172554 55%, #312e81 100%);
  padding: 72px 0;
  overflow: hidden;
  position: relative;
}

.ft-hero::before,
.ft-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.28;
  pointer-events: none;
}

.ft-hero::before {
  width: 300px;
  height: 300px;
  background: #22d3ee;
  top: -40px;
  left: -40px;
}

.ft-hero::after {
  width: 320px;
  height: 320px;
  background: #d946ef;
  bottom: -60px;
  right: -60px;
}

.ft-hero-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 18px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 14px;
  font-weight: var(--fw-semibold);
  margin-bottom: 20px;
  backdrop-filter: blur(6px);
}

.ft-hero-title {
  font-size: clamp(28px, 4vw, 52px);
  font-weight: var(--fw-black);
  color: #fff;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}

.ft-hero-text {
  color: #bfdbfe;
  font-size: 16px;
  line-height: 1.8;
}

.ft-cyan-text {
  color: #67e8f9 !important;
}

.ft-blue100-text {
  color: #dbeafe !important;
  font-style: italic;
}

.ft-hero-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ft-btn-primary {
  padding: 12px 28px;
  border-radius: 14px;
  background: linear-gradient(135deg, #22d3ee, #0ea5e9, #3b82f6);
  color: #0f172a;
  font-weight: var(--fw-extrabold);
  font-size: 15px;
  border: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

.ft-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(34, 211, 238, 0.3);
  color: #0f172a;
}

.ft-btn-ghost {
  padding: 12px 28px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 15px;
  backdrop-filter: blur(4px);
  transition: background 0.2s;
}

.ft-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* Hero Right Panel */
.ft-hero-right {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.ft-hero-right-title {
  color: #fff;
  font-size: 20px;
  font-weight: var(--fw-extrabold);
  margin-bottom: 16px;
}

.ft-feat-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ft-feat-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ft-feat-icon {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 1px;
}

.ft-feat-title {
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 15px;
  margin-bottom: 2px;
}

.ft-feat-desc {
  color: #bfdbfe;
  font-size: 13px;
  line-height: 1.6;
}

/* Bonus box */
.ft-bonus-wrap {
  margin-top: 16px;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(135deg, #34d399, #a3e635, #22c55e);
}

.ft-bonus-inner {
  background: rgba(15, 23, 42, 0.88);
  border-radius: 19px;
  padding: 16px 18px;
}

.ft-bonus-title {
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 15px;
}

.ft-bonus-credit {
  color: #6ee7b7;
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  margin: 4px 0;
}

.ft-bonus-sub {
  color: #bfdbfe;
  font-size: 13px;
  line-height: 1.6;
}

/* ─── Form Section ─── */
.ft-form-section {
  padding: 56px 0;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .ft-form-section {
  background: var(--smm-bg);
}

.ft-claim-head {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.ft-claim-head h2 {
  font-size: 28px;
  font-weight: var(--fw-black);
  margin: 0;
  color: var(--smm-ink);
}

.ft-free-badge {
  padding: 4px 16px;
  border-radius: 50px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
}

.ft-form-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.ft-form-label {
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  font-size: 15px;
  margin-bottom: 8px;
  display: block;
}

.ft-form-input {
  width: 100%;
  padding: 13px 16px;
  border-radius: 12px;
  border: 1px solid var(--smm-border);
  background: var(--smm-bg);
  color: var(--smm-ink);
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.ft-form-input:focus {
  border-color: var(--smm-primary);
  box-shadow: 0 0 0 3px rgba(0, 202, 243, 0.15);
}

.ft-form-hint {
  font-size: 13px;
  color: var(--smm-ink-3);
  margin-top: 6px;
}

.ft-btn-claim {
  padding: 14px 24px;
  border-radius: 12px;
  background: var(--smm-gradient);
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 16px;
  border: none;
  transition: opacity 0.2s, transform 0.2s;
}

.ft-btn-claim:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

/* Gift Card */
.ft-gift-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 20px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  height: 100%;
}

.ft-gift-icon {
  font-size: 40px;
  margin-bottom: 10px;
}

.ft-gift-title {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.ft-gift-amount {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-accent);
  margin-bottom: 10px;
}

.ft-gift-note {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin-bottom: 6px;
}

.ft-gift-wallet {
  font-size: 13px;
  color: var(--smm-ink-3);
  line-height: 1.6;
}

.ft-btn-services {
  padding: 10px 20px;
  border-radius: 12px;
  background: var(--smm-ink);
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 14px;
  border: none;
  transition: opacity 0.2s;
}

.ft-btn-services:hover {
  opacity: 0.85;
  color: #fff;
}

[data-bs-theme=dark] .ft-btn-services {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Response box */
.ft-response-box {
  border-radius: 14px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.7;
}

.ft-resp-loading {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a5f;
}

.ft-resp-success {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
}

.ft-resp-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}

[data-bs-theme=dark] .ft-resp-loading {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.3);
  color: #93c5fd;
}

[data-bs-theme=dark] .ft-resp-success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
  color: #86efac;
}

[data-bs-theme=dark] .ft-resp-error {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

/* ─── Content Sections ─── */
.ft-content-section {
  padding: 0 0 56px;
}

.ft-content-section .container {
  display: flex;
  flex-direction: column;
}

.ft-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 20px;
  padding: 28px 32px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.ft-card-blue {
  background: linear-gradient(135deg, #eff6ff, #fff, #eef2ff);
  border-color: #dbeafe;
}

.ft-card-emerald {
  background: linear-gradient(135deg, #f0fdf4, #fff, #f0fdfa);
  border-color: #bbf7d0;
}

.ft-card-violet {
  background: linear-gradient(135deg, #f5f3ff, #fff, #faf5ff);
  border-color: #e9d5ff;
}

.ft-card-amber {
  background: linear-gradient(135deg, #fffbeb, #fff, #fefce8);
  border-color: #fde68a;
}

.ft-card-purple {
  background: linear-gradient(135deg, #fdf4ff, #fff, #fdf2ff);
  border-color: #e9d5ff;
}

.ft-card-sky {
  background: linear-gradient(135deg, #f0f9ff, #fff, #ecfeff);
  border-color: #bae6fd;
}

.ft-card-upgrade {
  background: var(--smm-gradient);
  border: none;
}

[data-bs-theme=dark] .ft-card {
  background: #1a2233;
  border-color: #2a3347;
}

[data-bs-theme=dark] .ft-card-blue {
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.3), #1a2233);
  border-color: rgba(59, 130, 246, 0.25);
}

[data-bs-theme=dark] .ft-card-emerald {
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.3), #1a2233);
  border-color: rgba(34, 197, 94, 0.2);
}

[data-bs-theme=dark] .ft-card-violet {
  background: linear-gradient(135deg, rgba(46, 16, 101, 0.3), #1a2233);
  border-color: rgba(139, 92, 246, 0.2);
}

[data-bs-theme=dark] .ft-card-amber {
  background: linear-gradient(135deg, rgba(120, 53, 15, 0.3), #1a2233);
  border-color: rgba(245, 158, 11, 0.2);
}

[data-bs-theme=dark] .ft-card-purple {
  background: linear-gradient(135deg, rgba(74, 4, 78, 0.3), #1a2233);
  border-color: rgba(168, 85, 247, 0.2);
}

[data-bs-theme=dark] .ft-card-sky {
  background: linear-gradient(135deg, rgba(7, 89, 133, 0.3), #1a2233);
  border-color: rgba(14, 165, 233, 0.2);
}

[data-bs-theme=dark] .ft-card-upgrade {
  background: var(--smm-gradient);
}

.ft-card-title {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin-bottom: 14px;
}

.ft-card-upgrade .ft-card-title {
  color: #fff;
}

[data-bs-theme=dark] .ft-card-title {
  color: var(--smm-ink);
}

.ft-card-text {
  font-size: 15px;
  color: var(--smm-ink-2);
  line-height: 1.8;
}

.ft-card-text p {
  margin-bottom: 10px;
}

.ft-card-upgrade .ft-card-text {
  color: rgba(255, 255, 255, 0.9);
}

/* Info cards (3-col) */
.ft-info-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 14px;
  padding: 16px 18px;
  height: 100%;
}

.ft-info-card h3 {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.ft-info-card p {
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.65;
  margin: 0;
}

.ft-info-card-emerald {
  border-color: #bbf7d0;
}

.ft-info-card-amber {
  border-color: #fde68a;
}

.ft-info-card-purple {
  border-color: #e9d5ff;
}

[data-bs-theme=dark] .ft-info-card {
  background: #212d42;
  border-color: #2a3347;
}

/* Steps */
.ft-step {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 14px;
  padding: 18px;
  text-align: center;
  height: 100%;
}

.ft-step-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--smm-gradient);
  color: #fff;
  font-weight: var(--fw-extrabold);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.ft-step p {
  font-size: 14px;
  color: var(--smm-ink-2);
  font-weight: var(--fw-semibold);
  margin: 0;
}

[data-bs-theme=dark] .ft-step {
  background: #212d42;
  border-color: #2a3347;
}

/* Compare tables */
.ft-compare-table {
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
}

.ft-compare-table thead tr {
  color: #fff;
}

.ft-compare-table th, .ft-compare-table td {
  padding: 12px 18px;
}

.ft-compare-table tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.03);
}

.ft-table-blue thead tr {
  background: linear-gradient(135deg, #2563eb, #4f46e5);
}

.ft-table-violet thead tr {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
}

.ft-table-dark thead tr {
  background: linear-gradient(135deg, #374151, #111827);
}

[data-bs-theme=dark] .ft-compare-table tbody tr {
  background: #1a2233;
}

[data-bs-theme=dark] .ft-compare-table tbody tr:nth-child(even) {
  background: #212d42;
}

[data-bs-theme=dark] .ft-compare-table td {
  color: var(--smm-ink-2);
  border-color: #2a3347;
}

/* Explore tools */
.ft-tool-card {
  background: var(--smm-surface);
  border: 1px solid #bae6fd;
  border-radius: 14px;
  padding: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ft-tool-card h3 {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin-bottom: 6px;
}

.ft-tool-card p {
  font-size: 13px;
  color: var(--smm-ink-2);
  line-height: 1.6;
  flex: 1;
}

.ft-btn-tool {
  padding: 8px 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--smm-primary), #0ea5e9);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  border: none;
  transition: opacity 0.2s;
}

.ft-btn-tool:hover {
  opacity: 0.88;
  color: #fff;
}

[data-bs-theme=dark] .ft-tool-card {
  background: #212d42;
  border-color: rgba(14, 165, 233, 0.25);
}

/* Upgrade button */
.ft-btn-upgrade {
  padding: 12px 28px;
  border-radius: 12px;
  background: #fff;
  color: var(--smm-accent);
  font-weight: var(--fw-bold);
  font-size: 15px;
  border: none;
  transition: background 0.2s;
}

.ft-btn-upgrade:hover {
  background: #f0f9ff;
  color: var(--smm-accent);
}

/* Link arrow */
.ft-link-arrow {
  color: var(--smm-accent);
  font-weight: var(--fw-semibold);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 14px;
}

.ft-link-arrow:hover {
  color: var(--smm-primary);
}

/* ─── FAQ ─── */
.ft-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

.ft-faq-item {
  border: 1px solid var(--smm-border);
  border-radius: 12px;
  overflow: hidden;
}

.ft-faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  cursor: pointer;
  font-weight: var(--fw-semibold);
  font-size: 14px;
  color: var(--smm-ink);
  gap: 10px;
  user-select: none;
}

.ft-faq-q .bi {
  transition: transform 0.3s;
  flex-shrink: 0;
}

.ft-faq-q.ft-faq-open .bi {
  transform: rotate(180deg);
}

.ft-faq-a {
  padding: 0 18px 14px;
  font-size: 14px;
  color: var(--smm-ink-2);
  line-height: 1.7;
}

[data-bs-theme=dark] .ft-faq-item {
  border-color: #2a3347;
}

[data-bs-theme=dark] .ft-faq-q {
  color: var(--smm-ink);
}

/* ─── Final CTA ─── */
.ft-cta-banner {
  background: var(--smm-gradient);
  border-radius: 20px;
  padding: 48px 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
}

.ft-cta-banner h2 {
  font-size: 26px;
  font-weight: var(--fw-black);
  margin-bottom: 12px;
}

.ft-cta-banner p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.88);
  max-width: 640px;
  margin: 0 auto 24px;
  line-height: 1.7;
}

.ft-cta-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.ft-btn-cta-white {
  padding: 12px 28px;
  border-radius: 12px;
  background: #fff;
  color: var(--smm-accent);
  font-weight: var(--fw-bold);
  font-size: 15px;
  border: none;
  transition: background 0.2s;
}

.ft-btn-cta-white:hover {
  background: #f0f9ff;
  color: var(--smm-accent);
}

.ft-btn-cta-outline {
  padding: 12px 28px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: var(--fw-bold);
  font-size: 15px;
  transition: background 0.2s;
}

.ft-btn-cta-outline:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* ─── Responsive ─── */
@media (max-width: 991px) {
  .ft-hero {
    padding: 52px 0;
  }
  .ft-form-section {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .ft-hero {
    padding: 40px 0;
  }
  .ft-hero-title {
    font-size: 26px;
  }
  .ft-card {
    padding: 20px;
  }
  .ft-cta-banner {
    padding: 32px 20px;
  }
  .ft-cta-banner h2 {
    font-size: 20px;
  }
  .ft-form-card {
    padding: 20px;
  }
  .ft-gift-card {
    margin-top: 4px;
  }
}
/* ============================================================
   ABOUT PAGE
   ============================================================ */
/* ─── Shared layout container (guest pages) ─── */
.smm-container {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 24px;
}

@media (min-width: 1200px) {
  .smm-container {
    padding-inline: 0;
  }
}
/* ─── Hero ─── */
.smm-hero {
  background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), linear-gradient(135deg, #797AF2 0%, #00CAF3 100%);
  padding: 77px 24px;
  text-align: center;
  overflow: hidden;
}

[data-bs-theme=dark] .smm-hero {
  background: linear-gradient(rgba(0, 28, 38, 0.55), rgba(0, 28, 38, 0.55)), linear-gradient(135deg, #797AF2 0%, #00CAF3 100%);
}

.smm-hero h1 {
  font-weight: var(--fw-bold);
  font-size: 48px;
  color: var(--smm-ink);
  line-height: 1.1;
  margin: 0;
}

[data-bs-theme=dark] .smm-hero h1 {
  color: #fff;
}

.smm-hero .subtitle {
  color: var(--smm-ink-2);
  font-weight: var(--fw-medium);
  font-size: 16px;
}

[data-bs-theme=dark] .smm-hero .subtitle {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 767px) {
  .smm-hero {
    padding: 52px 20px;
  }
  .smm-hero h1 {
    font-size: 30px;
  }
}
/* ─── Eyebrow label ─── */
.smm-eyebrow {
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--smm-primary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}

/* ─── Section heading ─── */
.section-h2 {
  font-weight: var(--fw-bold);
  font-size: 40px;
  color: var(--smm-ink);
  line-height: 1.05;
}

[data-bs-theme=dark] .section-h2 {
  color: #fff;
}

@media (max-width: 767px) {
  .section-h2 {
    font-size: 28px;
  }
}
/* ─── Stats row ─── */
.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding: 20px 0;
}

@media (max-width: 768px) {
  .stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.smm-stat {
  text-align: center;
}

.smm-stat .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
  color: var(--smm-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--smm-primary);
  border-radius: 50%;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .smm-stat .icon {
  background: rgba(255, 255, 255, 0.02);
}

.smm-stat .num {
  font-weight: var(--fw-bold);
  font-size: 48px;
  color: var(--smm-primary);
  line-height: 1;
}

.smm-stat .label {
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--smm-ink-2);
  margin-top: 6px;
}

[data-bs-theme=dark] .smm-stat .label {
  color: rgba(255, 255, 255, 0.6);
}

/* ─── Value cards ─── */
.smm-value-card {
  background: var(--smm-surface);
  border-radius: 24px;
  padding: 28px;
  display: flex;
  gap: 18px;
  border: 1px solid var(--smm-border);
  height: 100%;
}

[data-bs-theme=dark] .smm-value-card {
  background: rgba(13, 43, 54, 0.55);
  border-color: rgba(255, 255, 255, 0.06);
}

.smm-value-card .ico {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
}

.smm-value-card h4 {
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--smm-ink);
  margin-bottom: 6px;
}

[data-bs-theme=dark] .smm-value-card h4 {
  color: #fff;
}

.smm-value-card p {
  color: var(--smm-ink-2);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* ─── Check list ─── */
.check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.check-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--smm-ink-2);
  font-weight: var(--fw-bold);
  font-size: 16px;
}

[data-bs-theme=dark] .check-list li {
  color: rgba(255, 255, 255, 0.7);
}

.check-list li::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(102, 204, 0, 0.15);
  flex: 0 0 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366CC00'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 1 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .check-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .check-list {
    grid-template-columns: 1fr;
  }
}
/* ============================================================
   CONTACT PAGE
   ============================================================ */
.contact-card {
  background: var(--smm-surface-soft);
  border: 1px solid var(--smm-border);
  border-radius: 24px;
  padding: 26px;
  display: flex;
  gap: 18px;
  align-items: center;
}

[data-bs-theme=dark] .contact-card {
  background: rgba(13, 43, 54, 0.55);
  border-color: rgba(255, 255, 255, 0.06);
}

.contact-card .ico {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  color: #fff;
  box-shadow: 0 10px 20px rgba(2, 202, 243, 0.18);
}

.contact-card h5 {
  margin: 0 0 4px;
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--smm-ink);
}

[data-bs-theme=dark] .contact-card h5 {
  color: #fff;
}

.contact-card a {
  color: var(--smm-primary);
  font-weight: var(--fw-bold);
  font-size: 14px;
  text-decoration: none;
}

.contact-card a:hover {
  text-decoration: underline;
}

/* Signin page reuses .contact-card but as a vertical list — restore block layout */
.contact-section .contact-card {
  display: block;
}

.ticket-card {
  background: var(--smm-surface-soft);
  border: 1px solid var(--smm-border);
  border-radius: 24px;
  padding: 34px;
  text-align: center;
  box-shadow: var(--smm-shadow-card);
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

[data-bs-theme=dark] .ticket-card {
  background: rgba(13, 43, 54, 0.55);
  border-color: rgba(255, 255, 255, 0.06);
}

.ticket-card .icon-circle {
  width: 96px;
  height: 96px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--smm-ink);
  opacity: 0.6;
}

[data-bs-theme=dark] .ticket-card .icon-circle {
  color: #fff;
  opacity: 0.4;
}

.ticket-card h3 {
  font-weight: var(--fw-bold);
  font-size: 22px;
  color: var(--smm-ink);
  margin: 0;
}

[data-bs-theme=dark] .ticket-card h3 {
  color: #fff;
}

.ticket-card p {
  color: var(--smm-ink-2);
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
  max-width: 640px;
}

.btn-smm {
  display: inline-block;
  background: var(--smm-primary);
  border: 0;
  color: #fff;
  font-weight: var(--fw-bold);
  padding: 14px 30px;
  border-radius: 12px;
  box-shadow: var(--smm-shadow-btn);
  transition: transform 0.15s, background 0.2s;
  text-decoration: none;
  text-align: center;
}

.btn-smm:hover {
  background: #00B5D9;
  color: #fff;
  transform: translateY(-1px);
}

/* ============================================================
   FAQ PAGE  (fq-*)
   ============================================================ */
/* ─── Hero ─── */
.fq-hero {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.07) 0%, rgba(0, 202, 243, 0.07) 100%);
  padding: 64px 0 56px;
  text-align: center;
}

[data-bs-theme=dark] .fq-hero {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.12) 0%, rgba(0, 202, 243, 0.08) 100%);
}

.fq-hero-sub {
  font-size: 18px;
  font-weight: var(--fw-semibold);
  margin: 0 0 10px;
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.fq-hero-title {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  line-height: 1.1;
  margin: 0 0 16px;
}

[data-bs-theme=dark] .fq-hero-title {
  color: #fff;
}

.fq-hero-badge {
  display: inline-block;
  background: var(--smm-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: var(--fw-bold);
  padding: 5px 16px;
  border-radius: 50px;
  letter-spacing: 0.03em;
}

/* ─── FAQ section ─── */
.fq-section {
  padding: 48px 0 56px;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .fq-section {
  background: var(--smm-bg);
}

.fq-list {
  background: var(--smm-surface);
  border-radius: 20px;
  border: 1px solid var(--smm-border);
  overflow: hidden;
  max-width: 860px;
  margin-inline: auto;
}

[data-bs-theme=dark] .fq-list {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

.fq-item {
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .fq-item {
  border-color: rgba(255, 255, 255, 0.06);
}

.fq-item:last-child {
  border-bottom: none;
}

.fq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 28px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-weight: var(--fw-semibold);
  font-size: 15px;
  color: var(--smm-ink);
  transition: color 0.2s;
}

[data-bs-theme=dark] .fq-q {
  color: rgba(255, 255, 255, 0.9);
}

.fq-q:hover {
  color: var(--smm-primary);
}

.fq-q[aria-expanded=true] {
  color: var(--smm-primary);
}

.fq-chevron {
  flex: 0 0 20px;
  color: var(--smm-ink-3);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;
}

.fq-q[aria-expanded=true] .fq-chevron {
  transform: rotate(180deg);
}

/* ─── Answer ─── */
.fq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.fq-a.fq-open {
  max-height: 600px;
}

.fq-a-inner {
  padding: 0 28px 20px 28px;
  color: var(--smm-ink-2);
  font-size: 14px;
  line-height: 1.7;
  border: 1px solid rgba(29, 78, 216, 0.1);
  border-radius: 8px;
  background: rgba(29, 78, 216, 0.04);
  margin: 0 12px 12px;
  padding: 16px 20px;
}

[data-bs-theme=dark] .fq-a-inner {
  background: rgba(0, 202, 243, 0.06);
  color: rgba(255, 255, 255, 0.65);
}

/* ─── Contact CTA ─── */
.fq-contact-section {
  padding: 0 0 64px;
  background: var(--smm-bg);
}

.fq-contact-card {
  max-width: 860px;
  margin-inline: auto;
  background: var(--smm-gradient);
  border-radius: 20px;
  padding: 48px 40px;
  color: #fff;
}

.fq-contact-icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #fff;
}

.fq-contact-title {
  font-size: 28px;
  font-weight: var(--fw-extrabold);
  color: #fff;
  margin-bottom: 10px;
}

.fq-contact-desc {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 24px;
  max-width: 520px;
  margin-inline: auto;
}

.fq-contact-btn {
  display: inline-block;
  background: #fff;
  color: var(--smm-accent);
  font-weight: var(--fw-bold);
  font-size: 15px;
  padding: 12px 32px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s, transform 0.2s;
}

.fq-contact-btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  color: var(--smm-accent);
}

/* ─── Responsive ─── */
@media (max-width: 767px) {
  .fq-hero {
    padding: 44px 0 36px;
  }
  .fq-q {
    padding: 16px 20px;
    font-size: 14px;
  }
  .fq-a-inner {
    margin: 0 8px 10px;
  }
  .fq-contact-card {
    padding: 36px 24px;
  }
  .fq-contact-title {
    font-size: 22px;
  }
}
/* ═══════════════════════════════════════════════════
   TERMS OF SERVICE PAGE
═══════════════════════════════════════════════════ */
/* ─── Hero ─── */
.tos-hero {
  padding: 72px 0 52px;
  background: var(--smm-bg);
  text-align: center;
}

[data-bs-theme=dark] .tos-hero {
  background: #121820;
}

.tos-hero-icon {
  width: 72px;
  height: 72px;
  background: var(--smm-gradient);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  color: #fff;
  box-shadow: 0 8px 24px rgba(121, 122, 242, 0.35);
}

.tos-hero-title {
  font-size: 42px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  line-height: 1.2;
  margin-bottom: 16px;
}

[data-bs-theme=dark] .tos-hero-title {
  color: rgba(255, 255, 255, 0.95);
}

.tos-gradient-text {
  background: var(--smm-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tos-hero-sub {
  font-size: 16px;
  color: var(--smm-ink-2);
  max-width: 600px;
  margin: 0 auto 24px;
  line-height: 1.7;
}

[data-bs-theme=dark] .tos-hero-sub {
  color: rgba(255, 255, 255, 0.55);
}

.tos-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}

.tos-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 50px;
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .tos-badge {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

.tos-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.tos-updated {
  font-size: 13px;
  color: var(--smm-ink-3);
  margin: 0;
}

[data-bs-theme=dark] .tos-updated {
  color: rgba(255, 255, 255, 0.35);
}

/* ─── Content layout ─── */
.tos-content-section {
  padding: 48px 0 80px;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .tos-content-section {
  background: #121820;
}

/* ─── TOC ─── */
.tos-toc-wrap {
  position: sticky;
  top: 100px;
}

.tos-toc-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-bs-theme=dark] .tos-toc-card {
  background: #1c2533;
  border-color: rgba(255, 255, 255, 0.08);
}

.tos-toc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.tos-toc-title {
  font-size: 16px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin: 0 0 2px;
}

[data-bs-theme=dark] .tos-toc-title {
  color: rgba(255, 255, 255, 0.9);
}

.tos-toc-hint {
  font-size: 12px;
  color: var(--smm-ink-3);
  margin: 0;
}

[data-bs-theme=dark] .tos-toc-hint {
  color: rgba(255, 255, 255, 0.35);
}

.tos-toc-icon {
  width: 40px;
  height: 40px;
  background: var(--smm-gradient);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.tos-toc-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 20px;
}

.tos-toc-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.tos-toc-link:hover {
  background: rgba(0, 202, 243, 0.07);
  border-color: rgba(0, 202, 243, 0.2);
}

[data-bs-theme=dark] .tos-toc-link:hover {
  background: rgba(0, 202, 243, 0.1);
  border-color: rgba(0, 202, 243, 0.2);
}

.tos-toc-link-text {
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--smm-ink);
  flex: 1;
  line-height: 1.4;
  transition: color 0.15s;
}

[data-bs-theme=dark] .tos-toc-link-text {
  color: rgba(255, 255, 255, 0.75);
}

.tos-toc-link:hover .tos-toc-link-text {
  color: var(--smm-primary);
}

.tos-toc-arrow {
  color: var(--smm-ink-3);
  flex-shrink: 0;
  transition: color 0.15s;
}

.tos-toc-link:hover .tos-toc-arrow {
  color: var(--smm-primary);
}

.tos-toc-arrow.rotate-180 {
  transform: rotate(180deg);
}

/* ─── TOC note ─── */
.tos-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #FFF8EB;
  border: 1.5px solid #FFCF6B;
  border-radius: 14px;
  padding: 16px;
}

[data-bs-theme=dark] .tos-note {
  background: rgba(255, 170, 0, 0.08);
  border-color: rgba(255, 170, 0, 0.25);
}

.tos-note-icon {
  width: 36px;
  height: 36px;
  background: #FFAA00;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.tos-note-title {
  display: block;
  font-size: 13px;
  font-weight: var(--fw-extrabold);
  color: #8B5E00;
  margin-bottom: 4px;
}

[data-bs-theme=dark] .tos-note-title {
  color: #FFD060;
}

.tos-note-text {
  font-size: 12px;
  color: #8B5E00;
  line-height: 1.6;
  margin: 0;
}

[data-bs-theme=dark] .tos-note-text {
  color: rgba(255, 208, 96, 0.75);
}

/* ─── Sections card ─── */
.tos-sections-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07);
}

[data-bs-theme=dark] .tos-sections-card {
  background: #1c2533;
  border-color: rgba(255, 255, 255, 0.08);
}

.tos-section {
  scroll-margin-top: 90px;
}

.tos-section-divider {
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .tos-section-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

.tos-section-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.tos-section-num {
  width: 40px;
  height: 40px;
  background: var(--smm-gradient);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: var(--fw-extrabold);
  color: #fff;
  box-shadow: 0 4px 12px rgba(121, 122, 242, 0.3);
}

.tos-section-body {
  flex: 1;
}

.tos-section-title {
  font-size: 18px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
  margin-bottom: 10px;
}

[data-bs-theme=dark] .tos-section-title {
  color: rgba(255, 255, 255, 0.9);
}

.tos-section-text {
  font-size: 14px;
  color: var(--smm-ink-2);
  line-height: 1.75;
  margin: 0;
}

[data-bs-theme=dark] .tos-section-text {
  color: rgba(255, 255, 255, 0.55);
}

.tos-section-text strong {
  color: var(--smm-ink);
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] .tos-section-text strong {
  color: rgba(255, 255, 255, 0.85);
}

/* ─── Back to top ─── */
.tos-back-wrap {
  padding-top: 8px;
}

.tos-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  background: var(--smm-gradient);
  color: #fff;
  font-size: 14px;
  font-weight: var(--fw-bold);
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(121, 122, 242, 0.35);
  transition: opacity 0.2s, transform 0.2s;
}

.tos-back-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #fff;
}

/* ─── Responsive ─── */
@media (max-width: 991px) {
  .tos-toc-wrap {
    position: static;
  }
}
@media (max-width: 767px) {
  .tos-hero {
    padding: 48px 0 36px;
  }
  .tos-hero-title {
    font-size: 30px;
  }
  .tos-sections-card {
    padding: 20px 16px;
  }
  .tos-section-num {
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
  .tos-section-title {
    font-size: 16px;
  }
}
/* ═══════════════════════════════════════════════════
   CONFIRM EMAIL PAGE
═══════════════════════════════════════════════════ */
.ce-card {
  text-align: center;
}

.ce-icon-wrap {
  width: 72px;
  height: 72px;
  background: var(--smm-gradient);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  color: #fff;
  box-shadow: 0 8px 24px rgba(121, 122, 242, 0.35);
}

.ce-desc {
  color: var(--smm-ink-2);
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 28px;
}

[data-bs-theme=dark] .ce-desc {
  color: rgba(255, 255, 255, 0.55);
}

.ce-desc p {
  margin-bottom: 6px;
}

.ce-desc p:last-child {
  margin-bottom: 0;
}

.ce-desc strong {
  color: var(--smm-ink);
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] .ce-desc strong {
  color: rgba(255, 255, 255, 0.85);
}

.ce-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ce-change-btn {
  background: none;
  border: none;
  color: var(--smm-primary);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  padding: 4px 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.2s;
}

.ce-change-btn:hover {
  opacity: 0.75;
}

/* ─── Modal ─── */
.ce-modal {
  border-radius: 20px;
  overflow: hidden;
  border: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

[data-bs-theme=dark] .ce-modal {
  background: #1c2533;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.ce-modal-header {
  border-bottom: 1px solid var(--smm-border);
  padding: 20px 24px 16px;
}

[data-bs-theme=dark] .ce-modal-header {
  border-color: rgba(255, 255, 255, 0.08);
}

.ce-modal-header .modal-title {
  font-size: 16px;
  font-weight: var(--fw-extrabold);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .ce-modal-header .modal-title {
  color: rgba(255, 255, 255, 0.9);
}

.ce-modal-body {
  padding: 24px;
}

.ce-modal-footer {
  border-top: 1px solid var(--smm-border);
  padding: 16px 24px;
  gap: 10px;
}

[data-bs-theme=dark] .ce-modal-footer {
  border-color: rgba(255, 255, 255, 0.08);
}

.ce-modal-cancel {
  background: none;
  border: 1.5px solid var(--smm-border);
  color: var(--smm-ink-2);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}

.ce-modal-cancel:hover {
  border-color: var(--smm-ink-3);
  color: var(--smm-ink);
}

[data-bs-theme=dark] .ce-modal-cancel {
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme=dark] .ce-modal-cancel:hover {
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

.ce-modal-submit {
  flex: 1;
}

/* ═══════════════════════════════════════════════════
   NOTIFICATIONS PAGE
═══════════════════════════════════════════════════ */
/* ─── Card shell ─── */
.notif-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: var(--pp-radius-card);
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

[data-bs-theme=dark] .notif-card {
  background: #1c2533;
  border-color: rgba(255, 255, 255, 0.08);
}

/* ─── Card header row ─── */
.notif-card-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.notif-table-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.notif-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.notif-card-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0 0 4px;
}

[data-bs-theme=dark] .notif-card-title {
  color: rgba(255, 255, 255, 0.9);
}

.notif-card-desc {
  font-size: 13px;
  color: var(--smm-ink-2);
  margin: 0;
  line-height: 1.6;
}

[data-bs-theme=dark] .notif-card-desc {
  color: rgba(255, 255, 255, 0.45);
}

/* ─── Action buttons ─── */
.notif-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: var(--fw-bold);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}

.notif-action-btn:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

.notif-action-primary {
  background: var(--smm-gradient);
  color: #fff;
  box-shadow: 0 4px 12px rgba(121, 122, 242, 0.3);
}

.notif-action-telegram {
  background: #29A8E0;
  color: #fff;
  box-shadow: 0 4px 12px rgba(41, 168, 224, 0.3);
}

/* ─── Preferences table ─── */
.notif-card-table {
  padding-bottom: 20px;
}

.notif-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.notif-table thead th {
  padding: 10px 16px;
  font-weight: var(--fw-bold);
  font-size: 12px;
  color: var(--smm-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--smm-bg);
  border-bottom: 1px solid var(--smm-border);
  white-space: nowrap;
}

[data-bs-theme=dark] .notif-table thead th {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.35);
}

.notif-table thead th:first-child {
  border-radius: 10px 0 0 0;
}

.notif-table thead th:last-child {
  border-radius: 0 10px 0 0;
}

.notif-table tbody tr {
  border-bottom: 1px solid var(--smm-border);
  transition: background 0.15s;
}

[data-bs-theme=dark] .notif-table tbody tr {
  border-color: rgba(255, 255, 255, 0.06);
}

.notif-table tbody tr:last-child {
  border-bottom: none;
}

.notif-table tbody tr:hover {
  background: rgba(0, 202, 243, 0.04);
}

[data-bs-theme=dark] .notif-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

.notif-name-cell {
  padding: 14px 16px;
  color: var(--smm-ink);
  font-weight: var(--fw-medium);
}

[data-bs-theme=dark] .notif-name-cell {
  color: rgba(255, 255, 255, 0.8);
}

.notif-check-cell {
  padding: 14px 16px;
  text-align: center;
}

.notif-sender-badge {
  display: inline-block;
  padding: 3px 10px;
  background: rgba(121, 122, 242, 0.1);
  color: var(--smm-accent);
  border-radius: 20px;
  font-size: 11px;
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] .notif-sender-badge {
  background: rgba(121, 122, 242, 0.2);
  color: #a9aaff;
}

/* ─── Toggle switch ─── */
.notif-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.notif-toggle-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.notif-toggle-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.notif-toggle-track {
  display: inline-block;
  width: 36px;
  height: 20px;
  background: var(--smm-border);
  border-radius: 20px;
  transition: background 0.2s;
  position: relative;
}

[data-bs-theme=dark] .notif-toggle-track {
  background: rgba(255, 255, 255, 0.15);
}

.notif-toggle-track::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s;
}

.notif-toggle-input:checked + .notif-toggle-track {
  background: var(--smm-gradient);
}

.notif-toggle-input:checked + .notif-toggle-track::after {
  transform: translateX(16px);
}

/* ─── Save row ─── */
.notif-save-row {
  padding-top: 20px;
  border-top: 1px solid var(--smm-border);
  margin-top: 4px;
}

[data-bs-theme=dark] .notif-save-row {
  border-color: rgba(255, 255, 255, 0.08);
}

/* ─── Responsive ─── */
@media (max-width: 767px) {
  .notif-card {
    padding: 18px 16px;
  }
  .notif-name-cell,
  .notif-check-cell {
    padding: 12px 12px;
  }
}
/* ═══════════════════════════════════════════════════
   PRIVACY POLICY PAGE
═══════════════════════════════════════════════════ */
/* ─── Hero banner ─── */
.pp-hero {
  padding: 52px 0 40px;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .pp-hero {
  background: #121820;
}

.pp-hero-banner {
  background: var(--smm-gradient);
  border-radius: 20px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  box-shadow: 0 12px 40px rgba(121, 122, 242, 0.35);
}

.pp-hero-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pp-hero-icon {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.pp-hero-title {
  font-size: 32px;
  font-weight: var(--fw-extrabold);
  color: #fff;
  margin: 0 0 6px;
  line-height: 1.2;
}

.pp-hero-sub {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

.pp-hero-meta {
  background: rgba(255, 255, 255, 0.18);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  padding: 16px 22px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}

.pp-hero-meta-label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.pp-hero-meta-date {
  font-size: 15px;
  font-weight: var(--fw-extrabold);
  color: #fff;
}

.pp-hero-meta-note {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.65);
}

/* ─── Content layout ─── */
.pp-content-section {
  padding: 40px 0 80px;
  background: var(--smm-bg);
}

[data-bs-theme=dark] .pp-content-section {
  background: #121820;
}

/* ─── Section cards ─── */
.pp-sections {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pp-section-card {
  background: var(--smm-surface);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  scroll-margin-top: 90px;
}

[data-bs-theme=dark] .pp-section-card {
  background: #1c2533;
  border-color: rgba(255, 255, 255, 0.08);
}

.pp-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: var(--smm-bg);
  border-bottom: 1px solid var(--smm-border);
}

[data-bs-theme=dark] .pp-section-head {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.07);
}

.pp-section-icon {
  width: 36px;
  height: 36px;
  background: var(--smm-gradient);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
}

.pp-section-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
  margin: 0;
  flex: 1;
}

[data-bs-theme=dark] .pp-section-title {
  color: rgba(255, 255, 255, 0.9);
}

.pp-back-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(0, 202, 243, 0.1);
  color: var(--smm-primary);
  text-decoration: none;
  flex-shrink: 0;
  transition: background 0.15s;
  margin-left: auto;
}

.pp-back-top:hover {
  background: rgba(0, 202, 243, 0.2);
  color: var(--smm-primary);
}

.pp-section-body {
  padding: 20px;
}

.pp-section-body p {
  font-size: 14px;
  color: var(--smm-ink-2);
  line-height: 1.75;
  margin: 0;
}

[data-bs-theme=dark] .pp-section-body p {
  color: rgba(255, 255, 255, 0.55);
}

/* ─── Active TOC link ─── */
.tos-toc-link-active {
  background: rgba(0, 202, 243, 0.07);
  border-color: rgba(0, 202, 243, 0.2) !important;
}

.tos-toc-link-active .tos-toc-link-text {
  color: var(--smm-primary) !important;
}

.tos-toc-link-active .tos-toc-arrow {
  color: var(--smm-primary) !important;
}

/* ─── Responsive ─── */
@media (max-width: 767px) {
  .pp-hero-banner {
    padding: 24px 20px;
    flex-direction: column;
  }
  .pp-hero-title {
    font-size: 24px;
  }
  .pp-hero-meta {
    width: 100%;
  }
  .pp-section-head {
    padding: 14px 16px;
  }
  .pp-section-body {
    padding: 16px;
  }
}
/* ─── Mobile platform filter dropdown ─── */
@media (max-width: 991px) {
  .pp-mf-caret {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pp-mobile-filter-row.open .pp-mf-caret {
    transform: rotate(180deg);
  }
  .pp-platforms.open {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    padding: 14px 18px 18px;
  }
}
/* ═══════════════════════════════════════════════════
   FREE SERVICES PAGE  (/free-services)
═══════════════════════════════════════════════════ */
.fs-page {
  padding-bottom: 80px;
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.06) 0%, rgba(0, 202, 243, 0.05) 60%, rgba(121, 122, 242, 0.04) 100%);
  min-height: 100vh;
}

[data-bs-theme=dark] .fs-page {
  background: linear-gradient(135deg, rgba(121, 122, 242, 0.12) 0%, rgba(0, 202, 243, 0.08) 60%, rgba(121, 122, 242, 0.07) 100%);
}

.fs-hero {
  padding: 64px 0 48px;
  text-align: center;
}

.fs-hero-title {
  font-size: clamp(28px, 5vw, 48px);
  font-weight: var(--fw-black);
  color: var(--smm-ink);
  line-height: 1.1;
  margin-bottom: 20px;
}

.fs-hero-desc {
  font-size: 18px;
  color: var(--smm-ink-2);
  max-width: 640px;
  margin: 0 auto 24px;
  line-height: 1.7;
}

.fs-pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--smm-border);
  font-size: 14px;
  color: var(--smm-ink-2);
}

.fs-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 16px;
  background: var(--smm-gradient);
  color: #fff;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: opacity 0.2s;
  position: relative;
}

.fs-btn-primary:hover {
  opacity: 0.88;
  color: #fff;
}

.fs-free-badge {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  color: #6b7af7;
  font-size: 10px;
  font-weight: var(--fw-black);
  padding: 3px 8px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.fs-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--smm-border);
  color: var(--smm-ink);
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background 0.2s;
}

.fs-btn-secondary:hover {
  background: #fff;
  color: var(--smm-ink);
}

.fs-intro {
  max-width: 760px;
  margin: 0 auto;
  color: var(--smm-ink-2);
  line-height: 1.8;
}

.fs-glass {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 24px;
  border: 1px solid rgba(226, 227, 229, 0.8);
}

.fs-section {
  padding: 16px 0;
}

.fw-black {
  font-weight: var(--fw-black) !important;
}

.fs-numbered-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.fs-num-badge {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fw-bold);
  font-size: 14px;
  flex-shrink: 0;
}

.fs-service-card {
  background: #fff;
  border-radius: 24px;
  border: 1px solid var(--smm-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.fs-icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  flex-shrink: 0;
}

.fs-service-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: var(--fw-extrabold);
  background: linear-gradient(90deg, #e8f0fe, #ede9fe);
  color: #4f46e5;
  border: 1px solid #c7d2fe;
  white-space: nowrap;
}

.fs-test-box {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  padding: 16px 20px;
  margin-top: 16px;
}

.fs-extra-box {
  background: linear-gradient(135deg, #f8faff 0%, #f0f4fe 100%);
  border: 1px solid var(--smm-border);
  border-radius: 16px;
  padding: 16px 20px;
  margin-top: 12px;
}

.fs-service-list {
  padding-left: 20px;
  margin: 8px 0 0;
  color: var(--smm-ink-2);
}

.fs-service-list li {
  margin-bottom: 6px;
}

.fs-card-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border-radius: 16px;
  background: var(--smm-gradient);
  color: #fff;
  font-weight: var(--fw-bold);
  text-decoration: none;
  margin-top: 24px;
  transition: opacity 0.2s;
}

.fs-card-cta:hover {
  opacity: 0.88;
  color: #fff;
}

.fs-white-card {
  background: #fff;
  border-radius: 20px;
  padding: 20px 24px;
  margin-bottom: 12px;
}

.fs-gradient-cta {
  background: var(--smm-gradient);
  border-radius: 24px;
  padding: 28px 32px;
  color: #fff;
}

.fs-strat-card {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 16px;
}

.fs-without-box {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 12px;
}

.fs-with-box {
  background: linear-gradient(135deg, #ecfdf5 0%, #ecfeff 100%);
  border-radius: 16px;
  padding: 20px;
}

.fs-step-card {
  background: #fff;
  border-radius: 14px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.fs-step-num {
  font-weight: var(--fw-black);
  color: var(--smm-primary);
  font-size: 16px;
  flex-shrink: 0;
}

.fs-faq-item {
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--smm-border);
  margin-bottom: 10px;
  overflow: hidden;
}

.fs-faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.fs-faq-item summary::-webkit-details-marker {
  display: none;
}

.fs-faq-q {
  font-weight: var(--fw-bold);
  color: var(--smm-ink);
}

.fs-faq-chev {
  transition: transform 0.25s;
  flex-shrink: 0;
  color: var(--smm-ink-3);
}

.fs-faq-item[open] .fs-faq-chev {
  transform: rotate(180deg);
}

.fs-faq-body {
  padding: 0 20px 16px;
  color: var(--smm-ink-2);
  line-height: 1.75;
}

.fs-final-cta {
  background: var(--smm-gradient);
  border-radius: 32px;
  padding: 56px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.fs-final-cta::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -40px;
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  filter: blur(40px);
}

.fs-final-cta::after {
  content: "";
  position: absolute;
  bottom: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  filter: blur(50px);
}

.fs-final-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 16px;
  background: #fff;
  color: #1D353D;
  font-weight: var(--fw-black);
  text-decoration: none;
  transition: background 0.2s;
}

.fs-final-btn-primary:hover {
  background: #f1f5f9;
  color: #1D353D;
}

.fs-final-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  font-weight: var(--fw-black);
  text-decoration: none;
  transition: background 0.2s;
}

.fs-final-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* Dark mode — free services */
[data-bs-theme=dark] .fs-hero-title {
  color: #e8f0f4;
}

[data-bs-theme=dark] .fs-glass {
  background: rgba(13, 43, 54, 0.88);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .fs-service-card {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .fs-test-box {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .fs-extra-box {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .fs-faq-item {
  background: #0D2B36;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .fs-faq-q {
  color: #e8f0f4;
}

[data-bs-theme=dark] .fs-white-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .fs-strat-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .fs-without-box {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .fs-with-box {
  background: rgba(34, 197, 94, 0.06);
}

[data-bs-theme=dark] .fs-step-card {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .fs-pill {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #8FA7B2;
}

[data-bs-theme=dark] .fs-btn-secondary {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #e8f0f4;
}

[data-bs-theme=dark] .fs-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* === Landing: best-ways-to-promote-telegram-2026 === */
.gradient-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.gradient-text {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

.animate-delay-2 {
  animation-delay: 0.2s;
  animation-fill-mode: both;
}

.stats-icon {
  transition: all 0.3s ease;
}

.stats-card:hover .stats-icon {
  transform: scale(1.2) rotate(5deg);
}

.strategy-card {
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.strategy-card:hover {
  transform: translateY(-4px);
  border-color: #667eea;
  box-shadow: 0 20px 40px rgba(102, 126, 234, 0.15);
}

.mistake-card {
  transition: all 0.2s ease;
  border-left: 4px solid #f87171;
}

.mistake-card:hover {
  transform: translateX(4px);
}

.tip-card {
  transition: all 0.3s ease;
}

.tip-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(102, 126, 234, 0.15);
}

.free-card {
  transition: all 0.2s ease;
}

.free-card:hover {
  transform: scale(1.03);
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
}

.free-card:hover .free-icon {
  color: white !important;
}

.free-card:hover p {
  color: white !important;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item.active .faq-answer {
  max-height: 500px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

.faq-icon {
  transition: transform 0.3s ease;
}

.factor-row:hover {
  background: #f8f7ff;
  transform: translateX(4px);
  transition: all 0.2s ease;
}

.adv-item {
  transition: all 0.2s ease;
}

.adv-item:hover {
  transform: translateX(6px);
}

@keyframes pulse-slow {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.pulse-slow {
  animation: pulse-slow 3s ease-in-out infinite;
}

/* === Landing: telegram-boost === */
.package-card {
  transition: all 0.3s ease;
  border: 2px solid #e5e7eb;
}

.package-card:hover {
  transform: translateY(-6px);
  border-color: #667eea;
  box-shadow: 0 24px 48px rgba(102, 126, 234, 0.18);
}

.step-card {
  position: relative;
  overflow: hidden;
}

.step-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #667eea, #764ba2);
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: left;
}

.step-card:hover::before {
  transform: scaleX(1);
}

.supported-tag {
  transition: all 0.2s ease;
}

.supported-tag:hover {
  transform: scale(1.05);
}

@keyframes rocket {
  0%, 100% {
    transform: translateY(0) rotate(-5deg);
  }
  50% {
    transform: translateY(-8px) rotate(-5deg);
  }
}
.rocket-anim {
  animation: rocket 2s ease-in-out infinite;
  display: inline-block;
}

.guarantee-badge {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

body:not(.pp-body) {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  line-height: normal;
  color: #111111;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
}
body:not(.pp-body) a:hover {
  text-decoration: none;
}

body.guest-body--login .guest-shell,
body.guest-body--login .guest-shell__footer,
body.guest-body--login .guest-shell__live-chat:not(.guest-shell__live-chat--standalone),
body.guest-body--login .guest-home {
  display: none !important;
}

.guest-shell a:hover,
.guest-shell button:hover {
  text-decoration: none;
}

.guest-shell {
  position: relative;
}

.guest-shell__header {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(100%, 1440px);
  height: 80px;
  padding: 0 20px;
  transform: translateX(-50%);
  z-index: 30;
}
@media (max-width: 767px) {
  .guest-shell__header {
    left: 0;
    width: 100%;
    height: 72px;
    padding: 0 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.6);
  }
}

.guest-shell__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
}
@media (max-width: 767px) {
  .guest-shell__header-inner {
    min-height: 72px;
    gap: 10px;
  }
}

.guest-shell__header-start,
.guest-shell__header-end,
.guest-shell__nav,
.guest-shell__logo,
.guest-shell__footer-top,
.guest-shell__footer-links,
.guest-shell__footer-socials {
  display: flex;
  align-items: center;
}

.guest-shell__header-start {
  gap: 32px;
}
@media (max-width: 1199px) {
  .guest-shell__header-start {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .guest-shell__header-start {
    gap: 16px;
  }
}

.guest-shell__header-end {
  gap: 24px;
}
@media (max-width: 1199px) {
  .guest-shell__header-end {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .guest-shell__header-end {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .guest-shell__header-end {
    gap: 10px;
    flex-shrink: 0;
  }
}

.guest-shell__header,
.guest-shell__header-end {
  overflow: visible;
}

.guest-shell__currency {
  position: relative;
  flex: 0 0 auto;
}

.guest-shell__currency-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.guest-shell__currency-toggle::after {
  display: none !important;
}

.guest-shell__currency-toggle::-webkit-details-marker {
  display: none;
}

.guest-shell__currency.show .guest-shell__currency-toggle,
.guest-shell__currency-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
}

.guest-shell__currency-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  min-width: 160px;
  margin: 0;
  padding: 6px;
  list-style: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0f172a;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.45);
}

.guest-shell__currency-menu .dropdown-item.active,
.guest-shell__currency-item.active {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: var(--fw-semibold);
}

.guest-shell__currency-item {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  color: #cbd5e1;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-decoration: none;
}

.guest-shell__currency-menu .dropdown-item:hover,
.guest-shell__currency-menu .dropdown-item:focus,
.guest-shell__currency-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.guest-shell__lang {
  position: relative;
  flex: 0 0 auto;
}

.guest-shell__lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.guest-shell__lang-toggle::after {
  display: none !important;
}

.guest-shell__lang-toggle::-webkit-details-marker {
  display: none;
}

.guest-shell__lang.show .guest-shell__lang-toggle,
.guest-shell__lang-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
}

.guest-shell__lang.show .guest-shell__lang-chevron {
  transform: rotate(180deg);
}

.guest-shell__lang-icon,
.guest-shell__lang-chevron {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.guest-shell__lang-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 200;
  display: none;
  min-width: 180px;
  max-height: min(320px, 100vh - 120px);
  margin: 0;
  padding: 6px;
  list-style: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0f172a;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.45);
  overflow-y: auto;
}

.guest-shell__lang-menu.show {
  display: block;
}

.guest-shell__lang-menu .dropdown-item.active,
.guest-shell__lang-item.active {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: var(--fw-semibold);
}

.guest-shell__lang-item {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  color: #cbd5e1;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-decoration: none;
}

.guest-shell__lang-menu .dropdown-item:hover,
.guest-shell__lang-menu .dropdown-item:focus,
.guest-shell__lang-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.guest-shell__lang--drawer {
  width: 100%;
}

.guest-shell__lang--drawer .guest-shell__lang-toggle {
  justify-content: space-between;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border-radius: 99px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.guest-shell__lang--drawer .guest-shell__lang-toggle:hover,
.guest-shell__lang--drawer.show .guest-shell__lang-toggle {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
}

.guest-shell__lang-toggle-start {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.guest-shell__lang-menu--drawer {
  position: static;
  top: auto;
  right: auto;
  display: none;
  width: 100%;
  min-width: 0;
  max-height: min(240px, 40vh);
  margin-top: 8px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

.guest-shell__lang-menu--drawer.show {
  display: block;
}

[dir=rtl] .guest-shell__header-end .guest-shell__lang-menu:not(.guest-shell__lang-menu--drawer) {
  right: auto;
  left: 0;
}

.guest-shell__menu {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  .guest-shell__menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }
}

.guest-shell__menu-icon {
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
  flex-shrink: 0;
}

.guest-shell__logo {
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
}

.guest-shell__logo-mark,
.guest-shell__logo-wordmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.guest-shell__logo-mark {
  width: 28px;
  height: 35.5904px;
}

.guest-shell__logo-wordmark {
  width: 89.529px;
  height: 18.2169px;
}

.guest-shell__nav {
  gap: 24px;
}
@media (max-width: 1199px) {
  .guest-shell__nav {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .guest-shell__nav {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .guest-shell__nav {
    display: none;
  }
}

.guest-shell__nav a,
.guest-shell__signin,
.guest-shell__footer-links a {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: color 0.25s ease;
}

.guest-shell__nav a,
.guest-shell__signin {
  color: #ffffff;
}

.guest-shell__nav a:hover,
.guest-shell__signin:hover {
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 767px) {
  .guest-shell__signin {
    display: none;
  }
}

.guest-shell__signup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary);
  color: #ffffff;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
@media (max-width: 767px) {
  .guest-shell__signup {
    padding: 8px 16px;
    font-size: 0.9375rem;
    line-height: normal;
  }
}

@media (max-width: 767px) {
  .guest-shell__header-end .guest-shell__lang:not(.guest-shell__lang--drawer) .guest-shell__lang-label {
    display: none;
  }
  .guest-shell__header-end .guest-shell__lang:not(.guest-shell__lang--drawer) .guest-shell__lang-toggle {
    padding: 8px 10px;
  }
}
.guest-shell__signup:hover {
  background: #1740b6;
  color: #ffffff;
}

.guest-body--light .guest-shell__header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  transform: none;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.guest-body--light .guest-shell__header-inner {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: 0 20px;
}

.guest-body--light .guest-shell__header {
  padding: 0;
  height: auto;
}

.guest-body--light .guest-shell__nav a,
.guest-body--light .guest-shell__signin {
  color: #111111;
}

.guest-body--light .guest-shell__nav a:hover,
.guest-body--light .guest-shell__signin:hover {
  color: var(--gh-color-primary);
}

.guest-body--light .guest-shell__nav a.is-active {
  color: var(--gh-color-primary);
  font-weight: var(--fw-bold);
}

.guest-body--light .guest-shell__logo-wordmark--header {
  filter: brightness(0);
}
@media (max-width: 767px) {
  .guest-body--light .guest-shell__logo-wordmark--header {
    width: 75.4602px;
    height: 15.3555px;
  }
}

.guest-body--light .guest-shell__logo-mark--header {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M8.51563 14.3422L13.8658 16.943L8.09481 20.2721L8.51563 14.3422Z' fill='%232046A4'/%3E%3Cpath d='M8.28736 28.0188L13.6375 30.6196L7.86654 33.9486L8.28736 28.0188Z' fill='%2316336B'/%3E%3Cpath d='M14.2471 11.0359L19.5578 13.6595L13.8658 16.943L14.2471 11.0359Z' fill='%233B62DC'/%3E%3Cpath d='M14.0188 24.7125L19.3295 27.3361L13.6375 30.6195L14.0188 24.7125Z' fill='%23244EBF'/%3E%3Cpath d='M19.939 7.75243L25.2497 10.376L19.5577 13.6595L19.939 7.75243Z' fill='%23ABB6F2'/%3E%3Cpath d='M19.711 21.429L25.0216 24.0526L19.3297 27.3361L19.711 21.429Z' fill='%23788DE9'/%3E%3Cpath d='M8.48186 14.3617L8.84516 8.2543L3.07416 11.5834L8.48186 14.3617Z' fill='%232652CF'/%3E%3Cpath d='M8.25358 28.0382L8.61689 21.9309L2.84588 25.26L8.25358 28.0382Z' fill='%231A3B80'/%3E%3Cpath d='M14.2529 11.0326L14.6162 4.9252L8.84515 8.25428L14.2529 11.0326Z' fill='%236680E5'/%3E%3Cpath d='M14.0246 24.7091L14.3879 18.6018L8.61688 21.9309L14.0246 24.7091Z' fill='%232652CF'/%3E%3Cpath d='M19.9447 7.74911L20.3081 1.64175L14.537 4.97083L19.9447 7.74911Z' fill='%23ACB7F3'/%3E%3Cpath d='M19.7167 21.4257L20.08 15.3183L14.309 18.6474L19.7167 21.4257Z' fill='%237B90EA'/%3E%3Cpath d='M8.09475 20.2721L8.47604 14.365L2.78409 17.6485L8.09475 20.2721Z' fill='%231D408F'/%3E%3Cpath d='M7.86648 33.9486L8.24777 28.0415L2.55582 31.325L7.86648 33.9486Z' fill='%23142D5C'/%3E%3Cpath d='M13.8262 16.9658L14.247 11.0359L8.47599 14.365L13.8262 16.9658Z' fill='%23244DBD'/%3E%3Cpath d='M13.5981 30.6423L14.019 24.7125L8.24796 28.0415L13.5981 30.6423Z' fill='%231D4193'/%3E%3Cpath d='M19.5579 13.6595L19.9392 7.75238L14.2472 11.0359L19.5579 13.6595Z' fill='%235876E3'/%3E%3Cpath d='M19.3296 27.336L19.7109 21.429L14.019 24.7124L19.3296 27.336Z' fill='%232652D1'/%3E%3Cpath d='M25.2893 10.3532L25.7101 4.42333L19.9391 7.7524L25.2893 10.3532Z' fill='%23ABB6F2'/%3E%3Cpath d='M25.061 24.0298L25.4819 18.0999L19.7109 21.429L25.061 24.0298Z' fill='%23788DE9'/%3E%3Cpath d='M3.074 11.5834L8.47595 14.365L2.784 17.6484L3.074 11.5834Z' fill='%232046A4'/%3E%3Cpath d='M2.84597 25.2599L8.24792 28.0415L2.55597 31.325L2.84597 25.2599Z' fill='%23163269'/%3E%3Cpath d='M8.80567 8.27711L14.2471 11.0359L8.47614 14.365L8.80567 8.27711Z' fill='%23365EDB'/%3E%3Cpath d='M8.57764 21.9537L14.0191 24.7125L8.24811 28.0416L8.57764 21.9537Z' fill='%232046A4'/%3E%3Cpath d='M14.5371 4.97081L19.9391 7.75241L14.2471 11.0359L14.5371 4.97081Z' fill='%238497EB'/%3E%3Cpath d='M14.3091 18.6474L19.7111 21.429L14.0191 24.7125L14.3091 18.6474Z' fill='%234367DE'/%3E%3Cpath d='M20.2686 1.66456L25.71 4.42336L19.939 7.75243L20.2686 1.66456Z' fill='%23C9CFF7'/%3E%3Cpath d='M20.0403 15.3411L25.4818 18.0999L19.7108 21.429L20.0403 15.3411Z' fill='%239AA8EF'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .guest-body--light .guest-shell__logo-mark--header {
    width: 23.7473px;
    height: 30px;
  }
}

.guest-body--light .guest-shell__logo {
  gap: 6px;
}
@media (max-width: 767px) {
  .guest-body--light .guest-shell__logo {
    gap: 5px;
  }
}

.guest-body--light .guest-shell__menu-icon {
  filter: brightness(0);
}

.guest-body--light .guest-shell__currency-toggle {
  color: #111111;
  border-color: #e2e8f0;
  background: #f8fafc;
}

.guest-body--light .guest-shell__currency-toggle:hover,
.guest-body--light .guest-shell__currency.show .guest-shell__currency-toggle {
  color: #0f172a;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.guest-body--light .guest-shell__currency-menu {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.guest-body--light .guest-shell__currency-item {
  color: #334155;
}

.guest-body--light .guest-shell__currency-menu .dropdown-item:hover,
.guest-body--light .guest-shell__currency-menu .dropdown-item:focus,
.guest-body--light .guest-shell__currency-item:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.guest-body--light .guest-shell__currency-menu .dropdown-item.active,
.guest-body--light .guest-shell__currency-item.active {
  background: #f1f5f9;
  color: var(--pp-primary);
  font-weight: var(--fw-semibold);
}

.guest-body--light .guest-shell__lang-toggle {
  color: #111111;
  border-color: #e2e8f0;
  background: #f8fafc;
}

.guest-body--light .guest-shell__lang-toggle:hover,
.guest-body--light .guest-shell__lang.show .guest-shell__lang-toggle {
  color: #0f172a;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.guest-body--light .guest-shell__lang-icon,
.guest-body--light .guest-shell__lang-chevron {
  filter: brightness(0) saturate(100%);
  opacity: 0.72;
}

.guest-body--light .guest-shell__lang-menu {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.guest-body--light .guest-shell__lang-item {
  color: #334155;
}

.guest-body--light .guest-shell__lang-menu .dropdown-item:hover,
.guest-body--light .guest-shell__lang-menu .dropdown-item:focus,
.guest-body--light .guest-shell__lang-item:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.guest-body--light .guest-shell__lang-menu .dropdown-item.active,
.guest-body--light .guest-shell__lang-item.active {
  background: #f1f5f9;
  color: var(--pp-primary);
  font-weight: var(--fw-semibold);
}

@media (max-width: 767px) {
  .guest-body--light.guest-body--home .guest-shell__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    padding: 0 20px;
    transform: none;
    background: rgb(0, 0, 0);
    border-bottom: 0;
  }
  .guest-body--light.guest-body--home .guest-shell__header-inner {
    width: 100%;
    min-height: 72px;
    margin: 0;
    padding: 0;
    gap: 10px;
  }
  .guest-body--light.guest-body--home .guest-shell__logo {
    gap: 8px;
  }
  .guest-body--light.guest-body--home .guest-shell__logo-mark--header {
    width: 22.16px;
    height: 28px;
    background-image: var(--guest-logo-mark-header);
  }
  .guest-body--light.guest-body--home .guest-shell__logo-wordmark--header {
    width: 70.35px;
    height: 14.33px;
    filter: none;
  }
  .guest-body--light.guest-body--home .guest-shell__menu-icon {
    filter: none;
  }
  .guest-body--light.guest-body--home .guest-shell__signup {
    padding: 8px 16px;
    font-size: 0.9375rem;
    line-height: normal;
    font-weight: var(--fw-bold);
  }
  .guest-body--light.guest-body--home .guest-shell__header-end {
    gap: 10px;
  }
  .guest-body--light.guest-body--home .guest-shell__currency-toggle {
    color: #f8fafc;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
  }
  .guest-body--light.guest-body--home .guest-shell__currency-toggle:hover,
  .guest-body--light.guest-body--home .guest-shell__currency.show .guest-shell__currency-toggle {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
  }
  .guest-body--light.guest-body--home .guest-shell__currency-menu {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .guest-body--light.guest-body--home .guest-shell__currency-item {
    color: #cbd5e1;
  }
  .guest-body--light.guest-body--home .guest-shell__lang-toggle {
    color: #f8fafc;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
  }
  .guest-body--light.guest-body--home .guest-shell__lang-toggle:hover,
  .guest-body--light.guest-body--home .guest-shell__lang.show .guest-shell__lang-toggle {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
  }
  .guest-body--light.guest-body--home .guest-shell__lang-icon,
  .guest-body--light.guest-body--home .guest-shell__lang-chevron {
    filter: none;
    opacity: 1;
  }
  .guest-body--light.guest-body--home .guest-shell__lang-menu {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.45);
  }
  .guest-body--light.guest-body--home .guest-shell__lang-item {
    color: #cbd5e1;
  }
  .guest-body--light.guest-body--home .guest-shell__lang-menu .dropdown-item:hover,
  .guest-body--light.guest-body--home .guest-shell__lang-menu .dropdown-item:focus,
  .guest-body--light.guest-body--home .guest-shell__lang-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
  }
  .guest-body--light.guest-body--home .guest-shell__lang-menu .dropdown-item.active,
  .guest-body--light.guest-body--home .guest-shell__lang-item.active {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
  }
}

.guest-shell__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 10040;
}

.guest-shell__overlay.open {
  opacity: 1;
  pointer-events: auto;
}

html.guest-menu-open,
body.guest-menu-open {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

.guest-shell__drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 0 24px 40px;
  box-sizing: border-box;
  background: #030712;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.48s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 10050;
  will-change: transform, opacity;
}

.guest-shell__drawer.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.guest-shell__drawer-glow {
  position: absolute;
  border-radius: 999px;
  background: rgba(29, 78, 216, 0.4);
  pointer-events: none;
  z-index: 0;
}

.guest-shell__drawer-glow--top {
  top: -50px;
  left: 200px;
  width: 300px;
  height: 300px;
  filter: blur(50px);
}

.guest-shell__drawer-glow--bottom {
  top: auto;
  right: auto;
  bottom: -40px;
  left: -100px;
  width: 250px;
  height: 250px;
  filter: blur(40px);
}

.guest-shell__drawer-top,
.guest-shell__drawer-foot {
  position: relative;
  z-index: 1;
  width: 100%;
}

.guest-shell__drawer-top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1 1 auto;
}

.guest-shell__drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.guest-shell__drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  flex-shrink: 0;
}

.guest-shell__drawer-close-icon {
  display: block;
  width: 16px;
  height: 16px;
  max-width: none;
}

.guest-shell__logo--drawer {
  gap: 8px;
}

.guest-shell__logo--drawer .guest-shell__logo-mark {
  width: 22.129px;
  height: 28px;
}

.guest-shell__logo--drawer .guest-shell__logo-wordmark {
  width: 70.484px;
  height: 14.334px;
}

/* Drawer is dark — never force black logo from light-header rules */
.guest-body--light .guest-shell__logo--drawer .guest-shell__logo-wordmark--header,
.guest-body--light .guest-shell__logo--drawer .guest-shell__logo-mark--header {
  filter: none;
}

.guest-body--light .guest-shell__logo--drawer .guest-shell__logo-mark--header {
  background-image: var(--guest-logo-mark-header);
}

.guest-shell__drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.guest-shell__drawer-link {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 12px 8px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #9ca3af;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.guest-shell__drawer-link:hover {
  color: #ffffff;
}

.guest-shell__drawer-link.is-active {
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
}

.guest-shell__drawer-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}

.guest-shell__drawer-dot-img {
  display: none;
  width: 8px;
  height: 8px;
  max-width: none;
}

.guest-shell__drawer-link.is-active .guest-shell__drawer-dot-img {
  display: block;
}

.guest-shell__drawer-link-text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 1.25rem;
  line-height: normal;
  font-weight: var(--fw-medium);
  letter-spacing: -0.00625rem;
}

.guest-shell__drawer-link.is-active .guest-shell__drawer-link-text {
  font-weight: var(--fw-bold);
}

.guest-shell__drawer-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.guest-shell__drawer-chevron-img {
  display: block;
  width: 14px;
  height: 14px;
  max-width: none;
}

.guest-shell__drawer-chevron-img--active {
  display: none;
}

.guest-shell__drawer-link.is-active .guest-shell__drawer-chevron-img--idle {
  display: none;
}

.guest-shell__drawer-link.is-active .guest-shell__drawer-chevron-img--active {
  display: block;
}

.guest-shell__drawer-foot {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
  margin-top: auto;
  padding-bottom: 8px;
}

.guest-shell__drawer-divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.guest-shell__drawer-ctas {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.guest-shell__drawer-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  border-radius: 99px;
  box-sizing: border-box;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.guest-shell__drawer-cta--primary {
  height: 56px;
  padding: 0 24px;
  background: var(--gh-color-primary);
  color: #ffffff;
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  letter-spacing: -0.005rem;
}

.guest-shell__drawer-cta--primary:hover {
  background: #1740b6;
  color: #ffffff;
}

.guest-shell__drawer-cta-arrow {
  display: block;
  width: 13px;
  height: 13px;
  max-width: none;
}

.guest-shell__drawer-cta--outline {
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.guest-shell__drawer-cta--outline:hover {
  border-color: rgba(255, 255, 255, 0.28);
  color: #ffffff;
}

.guest-shell__drawer-copy {
  margin: 0;
  color: #9aa8ef;
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  text-align: center;
  opacity: 0.6;
}

.guest-shell__footer {
  position: relative;
  padding: 0 80px;
  background: #000000;
  border-top: 1px solid var(--gh-color-border-footer);
}
@media (max-width: 1199px) {
  .guest-shell__footer {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .guest-shell__footer {
    padding: 40px 24px;
  }
}

.guest-shell__footer-inner {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .guest-shell__footer-inner {
    padding: 0;
  }
}

.guest-shell__footer-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
@media (max-width: 767px) {
  .guest-shell__footer-top {
    flex-direction: column;
  }
}

.guest-shell__footer-brand {
  width: 240px;
}

.guest-shell__logo--footer {
  margin-bottom: 16px;
}

.guest-shell__logo--footer .guest-shell__logo-mark {
  width: 24px;
  height: 30px;
}

.guest-shell__logo--footer .guest-shell__logo-wordmark {
  width: 75.4602px;
  height: 15.3555px;
}

.guest-shell__footer-tagline,
.guest-shell__footer-bottom p {
  margin: 0;
  font-weight: var(--fw-regular);
}

.guest-shell__footer-tagline {
  color: #d9d9d9;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

.guest-shell__footer-links {
  gap: 64px;
}
@media (max-width: 991px) {
  .guest-shell__footer-links {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .guest-shell__footer-links {
    flex-wrap: wrap;
    gap: 18px 28px;
  }
}

.guest-shell__footer-links a {
  color: #d9d9d9;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.guest-shell__footer-links a:hover {
  color: #ffffff;
}

.guest-shell__footer-socials {
  gap: 16px;
}

.guest-shell__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.25s ease;
}

.guest-shell__social:hover {
  opacity: 0.72;
}

.guest-shell__social--telegram,
.guest-shell__social--instagram {
  background-size: 20px 20px;
}

.guest-shell__social--x {
  background-size: 15.625px 15.625px;
}

.guest-shell__social--youtube {
  background-size: 17.5px 17.5px;
}

.guest-shell__live-chat {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px 12px 16px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary);
  box-shadow: var(--gh-shadow-chat);
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
  z-index: 50;
}
@media (max-width: 1199px) {
  .guest-shell__live-chat {
    right: 24px;
  }
}
@media (max-width: 767px) {
  .guest-shell__live-chat {
    right: 24px;
    bottom: 24px;
  }
}

.guest-shell__live-chat:hover {
  background: #1740b6;
  color: #ffffff;
}

.guest-shell__live-chat-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #ffffff;
}

.guest-shell__live-chat-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.guest-shell__live-chat-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  white-space: nowrap;
}

.guest-shell__live-chat-copy strong {
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.guest-shell__live-chat-copy span {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  opacity: 0.85;
}

.guest-shell__footer-bottom {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--gh-color-border-footer);
}

.guest-shell__footer-bottom p {
  color: #dbdbdb;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

body.pp-body {
  font-family: "Outfit", system-ui, -apple-system, sans-serif;
  font-size: 0.875rem;
  line-height: 1.4rem;
  background: var(--pp-bg);
  color: var(--pp-text);
  padding-left: var(--pp-sidebar-w);
  padding-top: var(--pp-topbar-h);
}
body.pp-body a,
body.pp-body a:hover,
body.pp-body a:focus,
body.pp-body a:active {
  text-decoration: none;
}
@media (max-width: 991px) {
  body.pp-body {
    padding-top: var(--pp-topbar-h);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    overflow-x: hidden;
    max-width: 100vw;
  }
}

[dir=rtl] body.pp-body {
  padding-left: 0;
  padding-right: var(--pp-sidebar-w);
}
@media (max-width: 991px) {
  [dir=rtl] body.pp-body {
    padding-right: 0;
  }
}

.pp-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(9, 9, 11, 0.45);
  z-index: 1035;
}
@media (max-width: 991px) {
  .pp-sidebar-backdrop {
    z-index: 1055;
  }
}

.pp-sidebar-backdrop.open {
  display: block;
}

.pp-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: var(--pp-sidebar-w);
  height: 100vh;
  background: var(--pp-sidebar-bg);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  z-index: 1040;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 24px 16px;
}
@media (max-width: 991px) {
  .pp-sidebar {
    transform: translateX(-100%);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    height: 100dvh;
    padding: 0 24px 40px;
    background: #030712;
    gap: 0;
    z-index: 1060;
  }
  .pp-sidebar.open {
    transform: translateX(0);
  }
}

[dir=rtl] .pp-sidebar {
  left: auto;
  right: 0;
}
@media (max-width: 991px) {
  [dir=rtl] .pp-sidebar {
    transform: translateX(100%);
  }
  [dir=rtl] .pp-sidebar.open {
    transform: translateX(0);
  }
}

.pp-sidebar__glow {
  display: none;
  pointer-events: none;
  position: absolute;
  border-radius: 999px;
  background: rgba(29, 78, 216, 0.4);
  z-index: 0;
}
@media (max-width: 991px) {
  .pp-sidebar__glow {
    display: block;
  }
}

.pp-sidebar__glow--top {
  width: 300px;
  height: 300px;
  top: -50px;
  left: 200px;
  filter: blur(50px);
}

.pp-sidebar__glow--bottom {
  width: 250px;
  height: 250px;
  top: 600px;
  left: -100px;
  filter: blur(40px);
}

.pp-sidebar__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.pp-sidebar__stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.pp-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  order: 0;
}

.pp-sidebar__head-actions {
  display: none;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

.pp-sidebar__user-block {
  display: contents;
}

.pp-sidebar__footer {
  display: none;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 24px;
}

.pp-sidebar__copy {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: normal;
  text-align: center;
  color: #9aa8ef;
  opacity: 0.6;
}

.pp-sidebar__theme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.pp-sidebar__theme-label {
  color: #94a3b8;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: var(--fw-medium);
}

.pp-sidebar__home-indicator {
  display: none;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 134px;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  opacity: 0.3;
  z-index: 2;
  pointer-events: none;
}

.pp-sidebar-lang {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.pp-sidebar-lang:hover, .pp-sidebar-lang:focus, .pp-sidebar-lang:focus-visible, .pp-sidebar-lang:active {
  color: #ffffff;
  outline: none;
  box-shadow: none;
}
.pp-sidebar-lang.dropdown-toggle::after {
  display: none;
}
.pp-sidebar-lang img {
  width: 16px;
  height: 16px;
  display: block;
  flex: 0 0 auto;
}
.pp-sidebar-lang .pp-sidebar-lang__chevron {
  width: 14px;
  height: 14px;
}

.pp-sidebar-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 40px;
}
.pp-sidebar-close:hover, .pp-sidebar-close:focus, .pp-sidebar-close:focus-visible, .pp-sidebar-close:active {
  outline: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.08);
}
.pp-sidebar-close img {
  width: 16px;
  height: 16px;
  display: block;
}

[data-bs-theme=dark] .pp-sidebar {
  background: var(--pp-sidebar-bg);
  border-right-color: transparent;
}

.pp-sidebar::-webkit-scrollbar {
  width: 4px;
}

.pp-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}

.pp-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 0 8px;
  text-decoration: none;
  flex-shrink: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
  border: 0;
}
.pp-brand:hover, .pp-brand:focus, .pp-brand:focus-visible, .pp-brand:active {
  text-decoration: none;
  outline: none;
  box-shadow: none;
  border: 0;
}

.pp-brand img {
  height: 30px;
  width: auto;
  max-width: 140px;
  filter: brightness(0) invert(1);
}

.pp-brand-text {
  font-weight: var(--fw-bold);
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #f8fafc;
  letter-spacing: 0.02em;
}

.pp-brand__logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.pp-brand__logo .guest-shell__logo-mark--header {
  width: 22px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex: 0 0 auto;
}

.pp-brand__logo .guest-shell__logo-wordmark--header {
  width: 90px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  flex: 0 0 auto;
}

.pp-user-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  flex-shrink: 0;
  order: 1;
}

.pp-user-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  flex: 0 0 40px;
  background: linear-gradient(145deg, #2563eb 0%, #6366f1 52%, #0ea5e9 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 12px rgba(37, 99, 235, 0.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.pp-user-card__avatar-letter {
  font-weight: var(--fw-bold);
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(15, 23, 42, 0.28);
  user-select: none;
}

.pp-user-card__meta {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pp-user-card__name {
  margin: 0;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #f8fafc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pp-user-card__email {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--pp-text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pp-nav {
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  order: 2;
}

.pp-nav-group {
  margin-bottom: 0;
}

.pp-nav-group-title {
  display: none;
}

.pp-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pp-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--pp-text-soft);
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  background: transparent;
  box-shadow: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.pp-nav-item:hover,
.pp-nav-item:focus,
.pp-nav-item:focus-visible,
.pp-nav-item:active {
  background: rgba(255, 255, 255, 0.04);
  color: #f8fafc;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

body.pp-body .pp-nav-item.active {
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc;
  font-weight: var(--fw-semibold);
  box-shadow: none;
}

body.pp-body .pp-nav-item.active::before {
  content: none;
  display: none;
}

.pp-nav-item.active:hover,
.pp-nav-item.active:focus,
.pp-nav-item.active:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc;
  text-decoration: none;
}

.pp-nav-item .nav-ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.pp-nav-item.active .nav-ico img {
  filter: brightness(0) invert(1);
}

.pp-nav-item.active .nav-ico svg {
  filter: brightness(0) invert(1);
}

.pp-nav-item .nav-ico img {
  width: 18px;
  height: 18px;
  display: block;
}

.pp-nav-item .nav-ico svg {
  width: 18px;
  height: 18px;
  display: block;
}

.pp-nav-item .nav-ico i {
  font-size: 1rem;
  line-height: 1;
}

.pp-nav-item__label {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-nav-item__chevron {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: 8px;
  position: relative;
}
.pp-nav-item__chevron img {
  width: 14px;
  height: 14px;
  display: block;
}
.pp-nav-item__chevron .pp-nav-item__chevron-active {
  display: none;
}

[dir=rtl] .pp-nav-item__chevron {
  margin-left: 0;
  margin-right: 8px;
}
[dir=rtl] .pp-nav-item__chevron img {
  transform: scaleX(-1);
}

.pp-nav-item.active .pp-nav-item__chevron-idle,
.pp-logout-item:hover .pp-nav-item__chevron-idle,
.pp-settings-item:hover .pp-nav-item__chevron-idle,
.pp-settings-item.active .pp-nav-item__chevron-idle {
  display: none;
}

.pp-nav-item.active .pp-nav-item__chevron-active,
.pp-logout-item:hover .pp-nav-item__chevron-active,
.pp-settings-item:hover .pp-nav-item__chevron-active,
.pp-settings-item.active .pp-nav-item__chevron-active {
  display: block;
}

.pp-nav-item__count,
.pp-nav-item .badge-new {
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 4px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  min-width: 0;
  text-align: center;
}

[dir=rtl] .pp-nav-item__count,
[dir=rtl] .pp-nav-item .badge-new {
  margin-left: 0;
  margin-right: auto;
}

.pp-nav-sep {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 8px 0;
  border: 0;
}

.pp-nav-section {
  margin: 0 0 4px;
  padding: 0 4px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: 1rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.pp-sidebar-account {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
}

.pp-sidebar-logout {
  display: contents;
  padding: 0;
}

.pp-logout-item,
.pp-settings-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--pp-text-soft) !important;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: transparent;
  box-shadow: none;
}

.pp-logout-item:hover,
.pp-logout-item:focus,
.pp-logout-item:focus-visible,
.pp-settings-item:hover,
.pp-settings-item:focus,
.pp-settings-item:focus-visible {
  background: rgba(255, 255, 255, 0.04);
  color: #f8fafc !important;
  text-decoration: none !important;
  outline: none;
  box-shadow: none;
}

body.pp-body .pp-settings-item.active {
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc !important;
  font-weight: var(--fw-semibold);
  box-shadow: none;
}

.pp-settings-item.active:hover,
.pp-settings-item.active:focus,
.pp-settings-item.active:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc !important;
}

.pp-logout-item .nav-ico,
.pp-settings-item .nav-ico {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-logout-item .nav-ico img,
.pp-settings-item .nav-ico img {
  width: 18px;
  height: 18px;
  display: block;
}

.pp-logout-item .nav-ico svg,
.pp-settings-item .nav-ico svg {
  width: 18px;
  height: 18px;
  display: block;
}

.pp-sidebar-foot {
  display: none;
}

.pp-balance-widget {
  margin-top: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  order: 3;
}

.pp-balance-widget__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pp-balance-widget__copy {
  min-width: 0;
  flex: 1;
}

.pp-balance-widget__currency {
  flex: 0 0 auto;
  position: relative;
}

.pp-balance-widget__currency .dropdown-menu,
.pp-balance-widget .currencies-list.dropdown-menu {
  --bs-dropdown-bg: #0f172a;
  --bs-dropdown-border-color: rgba(255, 255, 255, 0.12);
  --bs-dropdown-link-color: #cbd5e1;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.08);
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-link-active-bg: rgba(255, 255, 255, 0.1);
  --bs-dropdown-link-active-color: #ffffff;
  background-color: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  padding: 6px;
  min-width: 160px;
  max-height: min(320px, 70vh);
  overflow-y: auto;
}

.pp-balance-widget__currency-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  line-height: 1rem;
  cursor: pointer;
  white-space: nowrap;
}

.pp-balance-widget__currency-btn::after {
  display: none !important;
}

.pp-balance-widget__currency-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8fafc;
}

.pp-balance-widget__currency-chevron {
  flex: 0 0 14px;
  opacity: 0.75;
}

.pp-balance-widget__label {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--pp-text-soft);
}

.pp-balance-widget__amount {
  margin: 8px 0 0;
  font-weight: var(--fw-bold);
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #f8fafc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pp-balance-widget__amount span {
  display: inline;
  white-space: nowrap;
}

.pp-balance-widget__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--pp-primary);
  color: #f8fafc;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-decoration: none;
  border: 0;
  transition: background 0.15s;
}

.pp-balance-widget__btn:hover {
  background: #1e40af;
  color: #f8fafc;
}

.pp-balance-widget__btn img {
  width: 14px;
  height: 14px;
  display: block;
}

.pp-balance-widget__btn svg {
  width: 14px;
  height: 14px;
  display: block;
}

@media (max-width: 991px) {
  .pp-sidebar__body {
    justify-content: space-between;
    padding-bottom: 12px;
  }
  .pp-sidebar__stack {
    gap: 40px;
    flex: 0 1 auto;
  }
  .pp-sidebar__head {
    height: 72px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .pp-sidebar__head-actions {
    display: inline-flex;
  }
  .pp-sidebar__user-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    order: 1;
    width: 100%;
  }
  .pp-sidebar__footer {
    display: flex;
  }
  .pp-sidebar__home-indicator {
    display: block;
  }
  .pp-brand {
    padding: 0;
  }
  .pp-brand__logo .guest-shell__logo-mark--header {
    width: 22px;
    height: 28px;
  }
  .pp-brand__logo .guest-shell__logo-wordmark--header {
    width: 90px;
    height: 18px;
  }
  .pp-user-card {
    order: unset;
    padding: 0 0 12px;
    border-radius: 0;
    background: transparent;
  }
  .pp-user-card__avatar {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    flex: 0 0 46px;
  }
  .pp-user-card__avatar-letter {
    font-size: 1.125rem;
    line-height: 1;
  }
  .pp-user-card__name {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #ffffff;
  }
  .pp-user-card__email {
    color: #9d9daf;
  }
  .pp-balance-widget {
    order: unset;
    margin-top: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px;
    background: #000000;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .pp-balance-widget__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }
  .pp-balance-widget__copy {
    min-width: 0;
    flex: 1;
  }
  .pp-balance-widget__label {
    font-weight: var(--fw-semibold);
    font-size: 0.75rem;
    line-height: normal;
    color: var(--pp-text-muted);
    margin: 0;
  }
  .pp-balance-widget__amount {
    margin: 8px 0 0;
    font-weight: var(--fw-bold);
    font-size: 1rem;
    line-height: normal;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .pp-balance-widget__amount span {
    display: inline;
    white-space: nowrap;
  }
  .pp-balance-widget__btn {
    width: auto;
    flex: 0 0 auto;
    padding: 8px 12px;
    font-size: 0.75rem;
    line-height: normal;
    gap: 6px;
  }
  .pp-balance-widget__btn svg {
    width: 12px;
    height: 12px;
  }
  .pp-nav {
    order: 2;
    flex: 0 0 auto;
    min-height: 0;
  }
  .pp-nav-sep,
  .pp-nav-section {
    display: none;
  }
  .pp-nav-list {
    gap: 4px;
  }
  .pp-nav-item {
    justify-content: space-between;
    font-size: 1.25rem;
    line-height: normal;
    color: #9ca3af;
    letter-spacing: -0.1px;
  }
  body.pp-body .pp-nav-item.active {
    font-weight: var(--fw-regular);
    color: #f8fafc;
  }
  .pp-nav-item__count,
  .pp-nav-item .badge-new {
    display: none;
  }
  .pp-nav-item__chevron {
    display: inline-flex;
    margin-left: 0;
  }
  [dir=rtl] .pp-nav-item__chevron {
    margin-right: 0;
  }
  .pp-sidebar-account {
    gap: 4px;
    margin-top: 4px;
  }
  .pp-logout-item,
  .pp-settings-item {
    justify-content: space-between;
    font-size: 1.25rem;
    line-height: normal;
    color: #9ca3af !important;
    letter-spacing: -0.1px;
  }
  .pp-logout-item .pp-nav-item__chevron,
  .pp-settings-item .pp-nav-item__chevron {
    display: inline-flex;
    margin-left: 0;
  }
  [dir=rtl] .pp-logout-item .pp-nav-item__chevron,
  [dir=rtl] .pp-settings-item .pp-nav-item__chevron {
    margin-right: 0;
  }
  .pp-logout-item .pp-nav-item__label,
  .pp-settings-item .pp-nav-item__label {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.pp-topbar {
  position: fixed;
  top: 0;
  left: var(--pp-sidebar-w);
  right: 0;
  height: var(--pp-topbar-h);
  box-sizing: border-box;
  background: var(--pp-surface);
  border-bottom: 1px solid var(--pp-border);
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 32px;
}
@media (max-width: 1199px) {
  .pp-topbar {
    padding: 0 24px;
  }
}
@media (max-width: 991px) {
  .pp-topbar {
    left: 0;
    right: 0;
    height: 60px;
    padding: 14px 16px;
  }
}

[dir=rtl] .pp-topbar {
  left: 0;
  right: var(--pp-sidebar-w);
}
@media (max-width: 991px) {
  [dir=rtl] .pp-topbar {
    left: 0;
    right: 0;
  }
}

[data-bs-theme=dark] .pp-topbar {
  background: var(--pp-sidebar-bg);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .pp-topbar .pp-page-title h1 {
  color: #f8fafc;
}

[data-bs-theme=dark] .pp-topbar .pp-lang,
[data-bs-theme=dark] .pp-topbar .pp-currency,
[data-bs-theme=dark] .pp-topbar .pp-wallet,
[data-bs-theme=dark] .pp-topbar .pp-profile .name {
  color: #cbd5e1;
}

[data-bs-theme=dark] .pp-topbar .pp-lang svg path,
[data-bs-theme=dark] .pp-topbar .pp-currency svg path {
  stroke: #cbd5e1;
}

[data-bs-theme=dark] .pp-topbar .pp-icon--topbar-bell,
[data-bs-theme=dark] .pp-topbar .pp-icon--topbar-menu,
[data-bs-theme=dark] .pp-topbar .pp-icon--addfunds-dollar {
  filter: brightness(0) invert(1);
}

[data-bs-theme=dark] .pp-topbar .pp-topbar-divider {
  background: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .pp-topbar .pp-mobile-logo .guest-shell__logo-wordmark--header {
  filter: none;
}

[data-bs-theme=dark] .pp-topbar .pp-theme-toggle.is-dark .pp-theme-toggle__track,
[data-bs-theme=dark] .pp-topbar .pp-theme-toggle .pp-theme-toggle__track {
  border-color: rgba(59, 130, 246, 0.28);
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pp-page-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
@media (max-width: 991px) {
  .pp-page-title {
    display: none;
  }
}

.pp-page-title h1 {
  font-weight: var(--fw-bold);
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: var(--pp-text);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pp-page-title .subtitle {
  display: none;
}

.pp-topbar-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  background: transparent;
  border-radius: 0;
  padding: 0;
  height: auto;
}
@media (max-width: 991px) {
  .pp-topbar-actions {
    gap: 10px;
  }
  .pp-topbar-actions .pp-topbar-divider,
  .pp-topbar-actions .pp-profile {
    display: none !important;
  }
  .pp-topbar-actions .dropdown:has(.pp-currency),
  .pp-topbar-actions .dropdown:has(.pp-profile) {
    display: none !important;
  }
  .pp-topbar-actions .pp-theme-toggle {
    order: 1;
  }
  .pp-topbar-actions .dropdown:has(.pp-lang) {
    order: 2;
  }
  .pp-topbar-actions .pp-bell {
    order: 3;
  }
  .pp-topbar-actions .pp-mobile-burger {
    order: 4;
  }
  .pp-topbar-actions .pp-lang__label {
    display: none;
  }
  .pp-topbar-actions .pp-lang {
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #111111;
  }
  .pp-topbar-actions .pp-lang svg path {
    stroke: #111111;
  }
  .pp-topbar-actions .pp-lang .pp-lang__chevron path {
    stroke: #64748b;
  }
}

[dir=rtl] .pp-topbar-actions {
  margin-left: 0;
  margin-right: auto;
}

[data-bs-theme=dark] .pp-topbar-actions {
  background: transparent;
}

.pp-theme-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.pp-lang {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.pp-lang img {
  width: 16px;
  height: 16px;
  display: block;
}

.pp-lang svg {
  width: 16px;
  height: 16px;
  display: block;
}

.pp-lang .pp-lang__chevron {
  width: 14px;
  height: 14px;
  display: block;
  opacity: 0.7;
}

.pp-lang::after {
  display: none !important;
}

.pp-currency {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.pp-currency::after {
  display: none !important;
}

.pp-currency__chevron {
  width: 14px;
  height: 14px;
  display: block;
  opacity: 0.7;
}

[data-bs-theme=dark] .pp-topbar #currencies-list .dropdown-item:hover, [data-bs-theme=dark] .pp-topbar #currencies-list .dropdown-item:focus, [data-bs-theme=dark] .pp-topbar #currencies-list .dropdown-item.active, [data-bs-theme=dark] .pp-topbar #currencies-list .dropdown-item:active,
[data-bs-theme=dark] .pp-topbar .pp-currency-menu .dropdown-item:hover,
[data-bs-theme=dark] .pp-topbar .pp-currency-menu .dropdown-item:focus,
[data-bs-theme=dark] .pp-topbar .pp-currency-menu .dropdown-item.active,
[data-bs-theme=dark] .pp-topbar .pp-currency-menu .dropdown-item:active {
  background: var(--pp-surface-hover);
}

.pp-topbar #currencies-list .dropdown-item,
.pp-topbar .pp-currency-menu .dropdown-item {
  color: var(--pp-text-muted);
  background: transparent;
}
.pp-topbar #currencies-list .dropdown-item:hover, .pp-topbar #currencies-list .dropdown-item:focus,
.pp-topbar .pp-currency-menu .dropdown-item:hover,
.pp-topbar .pp-currency-menu .dropdown-item:focus {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
.pp-topbar #currencies-list .dropdown-item.active, .pp-topbar #currencies-list .dropdown-item:active,
.pp-topbar .pp-currency-menu .dropdown-item.active,
.pp-topbar .pp-currency-menu .dropdown-item:active {
  background: var(--pp-surface-hover);
  color: var(--pp-primary);
  font-weight: var(--fw-semibold);
}

.pp-balance-widget #currencies-list .dropdown-item,
.pp-balance-widget .currencies-list .dropdown-item {
  color: #cbd5e1;
  background: transparent;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  border-radius: 8px;
  padding: 8px 12px;
}
.pp-balance-widget #currencies-list .dropdown-item:hover, .pp-balance-widget #currencies-list .dropdown-item:focus,
.pp-balance-widget .currencies-list .dropdown-item:hover,
.pp-balance-widget .currencies-list .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.pp-balance-widget #currencies-list .dropdown-item.active, .pp-balance-widget #currencies-list .dropdown-item:active,
.pp-balance-widget .currencies-list .dropdown-item.active,
.pp-balance-widget .currencies-list .dropdown-item:active {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: var(--fw-semibold);
}

.pp-bell {
  width: 32px;
  height: 32px;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--pp-text);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
  text-decoration: none;
}
.pp-bell:hover, .pp-bell:focus, .pp-bell:focus-visible, .pp-bell:active {
  outline: none;
  box-shadow: none;
  border: 0;
  text-decoration: none;
}

.pp-bell__icon,
.pp-bell img {
  width: 20px;
  height: 20px;
  display: block;
}

.pp-bell svg {
  width: 20px;
  height: 20px;
  display: block;
}

.pp-bell::after {
  content: none;
  display: none;
}

.pp-bell__dot {
  position: absolute;
  top: 6px;
  right: 6px;
  left: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef4444;
  pointer-events: none;
}

[dir=rtl] .pp-bell__dot {
  right: auto;
  left: 6px;
}

.pp-topbar-divider {
  width: 1px;
  height: 24px;
  background: var(--pp-border);
  flex: 0 0 1px;
}

.pp-wallet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pp-profile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  cursor: pointer;
}

.pp-profile .name {
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.pp-profile .avatar {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 8px rgba(37, 99, 235, 0.22);
  background-image: linear-gradient(145deg, #2563eb 0%, #6366f1 52%, #0ea5e9 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex: 0 0 32px;
  overflow: hidden;
}

.pp-profile__avatar-letter {
  font-weight: var(--fw-bold);
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(15, 23, 42, 0.24);
  user-select: none;
}

.pp-mobile-burger {
  display: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  line-height: 0;
}
.pp-mobile-burger img {
  display: block;
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  .pp-mobile-burger {
    display: inline-flex;
  }
}

.pp-mobile-logo {
  display: none;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  width: 120px;
  height: 30px;
}
@media (max-width: 991px) {
  .pp-mobile-logo {
    display: inline-flex;
    margin-right: auto;
    margin-left: unset;
  }
}
.pp-mobile-logo img {
  height: 30px;
  width: auto;
  max-width: 120px;
  display: block;
}
.pp-mobile-logo .pp-brand__logo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: 118px;
  height: 30px;
}
.pp-mobile-logo {
  /* Figma mobile logo 118×30: colorful mark + black wordmark */
}
.pp-mobile-logo .guest-shell__logo-mark--header {
  width: 23.7473px;
  height: 30px;
  filter: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M8.51563 14.3422L13.8658 16.943L8.09481 20.2721L8.51563 14.3422Z' fill='%232046A4'/%3E%3Cpath d='M8.28736 28.0188L13.6375 30.6196L7.86654 33.9486L8.28736 28.0188Z' fill='%2316336B'/%3E%3Cpath d='M14.2471 11.0359L19.5578 13.6595L13.8658 16.943L14.2471 11.0359Z' fill='%233B62DC'/%3E%3Cpath d='M14.0188 24.7125L19.3295 27.3361L13.6375 30.6195L14.0188 24.7125Z' fill='%23244EBF'/%3E%3Cpath d='M19.939 7.75243L25.2497 10.376L19.5577 13.6595L19.939 7.75243Z' fill='%23ABB6F2'/%3E%3Cpath d='M19.711 21.429L25.0216 24.0526L19.3297 27.3361L19.711 21.429Z' fill='%23788DE9'/%3E%3Cpath d='M8.48186 14.3617L8.84516 8.2543L3.07416 11.5834L8.48186 14.3617Z' fill='%232652CF'/%3E%3Cpath d='M8.25358 28.0382L8.61689 21.9309L2.84588 25.26L8.25358 28.0382Z' fill='%231A3B80'/%3E%3Cpath d='M14.2529 11.0326L14.6162 4.9252L8.84515 8.25428L14.2529 11.0326Z' fill='%236680E5'/%3E%3Cpath d='M14.0246 24.7091L14.3879 18.6018L8.61688 21.9309L14.0246 24.7091Z' fill='%232652CF'/%3E%3Cpath d='M19.9447 7.74911L20.3081 1.64175L14.537 4.97083L19.9447 7.74911Z' fill='%23ACB7F3'/%3E%3Cpath d='M19.7167 21.4257L20.08 15.3183L14.309 18.6474L19.7167 21.4257Z' fill='%237B90EA'/%3E%3Cpath d='M8.09475 20.2721L8.47604 14.365L2.78409 17.6485L8.09475 20.2721Z' fill='%231D408F'/%3E%3Cpath d='M7.86648 33.9486L8.24777 28.0415L2.55582 31.325L7.86648 33.9486Z' fill='%23142D5C'/%3E%3Cpath d='M13.8262 16.9658L14.247 11.0359L8.47599 14.365L13.8262 16.9658Z' fill='%23244DBD'/%3E%3Cpath d='M13.5981 30.6423L14.019 24.7125L8.24796 28.0415L13.5981 30.6423Z' fill='%231D4193'/%3E%3Cpath d='M19.5579 13.6595L19.9392 7.75238L14.2472 11.0359L19.5579 13.6595Z' fill='%235876E3'/%3E%3Cpath d='M19.3296 27.336L19.7109 21.429L14.019 24.7124L19.3296 27.336Z' fill='%232652D1'/%3E%3Cpath d='M25.2893 10.3532L25.7101 4.42333L19.9391 7.7524L25.2893 10.3532Z' fill='%23ABB6F2'/%3E%3Cpath d='M25.061 24.0298L25.4819 18.0999L19.7109 21.429L25.061 24.0298Z' fill='%23788DE9'/%3E%3Cpath d='M3.074 11.5834L8.47595 14.365L2.784 17.6484L3.074 11.5834Z' fill='%232046A4'/%3E%3Cpath d='M2.84597 25.2599L8.24792 28.0415L2.55597 31.325L2.84597 25.2599Z' fill='%23163269'/%3E%3Cpath d='M8.80567 8.27711L14.2471 11.0359L8.47614 14.365L8.80567 8.27711Z' fill='%23365EDB'/%3E%3Cpath d='M8.57764 21.9537L14.0191 24.7125L8.24811 28.0416L8.57764 21.9537Z' fill='%232046A4'/%3E%3Cpath d='M14.5371 4.97081L19.9391 7.75241L14.2471 11.0359L14.5371 4.97081Z' fill='%238497EB'/%3E%3Cpath d='M14.3091 18.6474L19.7111 21.429L14.0191 24.7125L14.3091 18.6474Z' fill='%234367DE'/%3E%3Cpath d='M20.2686 1.66456L25.71 4.42336L19.939 7.75243L20.2686 1.66456Z' fill='%23C9CFF7'/%3E%3Cpath d='M20.0403 15.3411L25.4818 18.0999L19.7108 21.429L20.0403 15.3411Z' fill='%239AA8EF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pp-mobile-logo .guest-shell__logo-wordmark--header {
  width: 75.4602px;
  height: 15.3555px;
  filter: brightness(0);
}

@media (max-width: 991px) {
  [dir=rtl] .pp-mobile-logo {
    margin-right: 0;
    margin-left: auto;
  }
}

.pp-mobile-welcome {
  display: none;
}

@media (max-width: 991px) {
  .pp-mobile-welcome {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 16px;
    padding: 0;
  }
  .pp-mobile-welcome__greet {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .pp-mobile-welcome__eyebrow {
    margin: 0;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: var(--fw-semibold);
  }
  .pp-mobile-welcome__name {
    margin: 0;
    color: var(--pp-text);
    font-size: 1.25rem;
    line-height: normal;
    font-weight: var(--fw-bold);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    direction: ltr;
    unicode-bidi: isolate;
  }
  .pp-mobile-welcome__name-text {
    min-width: 0;
  }
  .pp-mobile-welcome__wave {
    flex: 0 0 auto;
    font-weight: var(--fw-regular);
    line-height: 1;
  }
  .pp-mobile-welcome__wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    background: var(--pp-surface);
  }
  .pp-mobile-welcome__wallet-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .pp-mobile-welcome__wallet-label {
    margin: 0;
    color: var(--pp-text-muted);
    font-size: 0.75rem;
    line-height: normal;
    font-weight: var(--fw-semibold);
  }
  .pp-mobile-welcome__wallet-amount {
    margin: 0;
    color: var(--pp-text);
    font-size: 1rem;
    line-height: normal;
    font-weight: var(--fw-bold);
  }
  .pp-mobile-welcome__wallet-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--pp-primary);
    color: #ffffff;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: var(--fw-semibold);
    text-decoration: none;
  }
  .pp-mobile-welcome__wallet-btn img {
    width: 12px;
    height: 12px;
    display: block;
    filter: brightness(0) invert(1);
  }
  .pp-mobile-welcome__wallet-btn svg {
    width: 12px;
    height: 12px;
    display: block;
    filter: brightness(0) invert(1);
  }
  .pp-mobile-welcome__wallet-btn:hover {
    background: #1e40af;
    color: #ffffff;
  }
}
.pp-bottom-nav {
  display: none;
}
@media (max-width: 991px) {
  .pp-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    height: 76px;
    background: #09090b;
    padding: 8px 0 calc(20px + env(safe-area-inset-bottom, 0px));
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
  }
}

@media (max-width: 991px) {
  body:has(#ppSidebar.open) .pp-bottom-nav {
    visibility: hidden;
    pointer-events: none;
  }
}

.pp-bottom-nav__item {
  text-decoration: none;
}
@media (max-width: 991px) {
  .pp-bottom-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 70px;
    flex: 0 0 70px;
    color: #94a3b8;
    font-weight: var(--fw-medium);
    font-size: 0.625rem;
    line-height: normal;
    min-width: 0;
  }
  .pp-bottom-nav__item img {
    width: 20px;
    height: 20px;
    display: block;
  }
  .pp-bottom-nav__item svg {
    width: 20px;
    height: 20px;
    display: block;
  }
  .pp-bottom-nav__item:nth-of-type(2) {
    margin-right: 32px;
  }
  .pp-bottom-nav__item:nth-last-of-type(2) {
    margin-left: 32px;
  }
  .pp-bottom-nav__item.is-active, .pp-bottom-nav__item:hover {
    color: #ffffff;
    font-weight: var(--fw-semibold);
  }
  .pp-bottom-nav__item.is-active img, .pp-bottom-nav__item:hover img {
    filter: brightness(0) invert(1);
  }
  .pp-bottom-nav__item.is-active svg, .pp-bottom-nav__item:hover svg {
    filter: brightness(0) invert(1);
  }
}

.pp-bottom-nav__fab {
  text-decoration: none;
}
@media (max-width: 991px) {
  .pp-bottom-nav__fab {
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background: #1d4ed8;
    box-shadow: 0 4px 5px rgba(29, 78, 216, 0.2);
    z-index: 1;
  }
  .pp-bottom-nav__fab img {
    width: 22px;
    height: 22px;
    display: block;
    filter: brightness(0) invert(1);
  }
  .pp-bottom-nav__fab svg {
    width: 22px;
    height: 22px;
    display: block;
    filter: none;
  }
}

@media (max-width: 991px) {
  [dir=rtl] .pp-bottom-nav__fab {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

.pp-main {
  padding: 32px;
  min-height: calc(100vh - var(--pp-topbar-h));
  background: var(--pp-bg);
}
@media (max-width: 1199px) {
  .pp-main {
    padding: 28px 24px;
  }
}
@media (max-width: 991px) {
  .pp-main {
    /* Content inset only (Figma 24px bottom). Bottom-nav clearance lives on body. */
    padding: 20px 16px 24px;
    min-height: calc(100vh - var(--pp-topbar-h));
  }
}
@media (max-width: 575px) {
  .pp-main {
    padding: 16px 16px 24px;
  }
}

.pp-card {
  background: var(--pp-surface);
  border: 1px solid var(--pp-border);
  border-radius: 16px;
  box-shadow: none;
}

[data-bs-theme=dark] .pp-card {
  border-color: var(--pp-border);
}

.pp-tabs {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  border-bottom: 1px solid var(--pp-border);
  margin-bottom: 24px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
@media (max-width: 991px) {
  .pp-tabs {
    gap: 8px;
    margin-bottom: 20px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pp-tabs::-webkit-scrollbar {
    display: none;
  }
}

.pp-tab {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pp-text-muted);
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  box-shadow: none;
  position: relative;
}
@media (max-width: 991px) {
  .pp-tab {
    flex-shrink: 0;
    gap: 8px;
    padding: 0 4px 10px;
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}

.pp-tab .ico,
.pp-tab .pro {
  display: none;
}

.pp-tab.active {
  color: var(--pp-primary);
  font-weight: var(--fw-semibold);
  background: transparent;
  box-shadow: none;
}

.pp-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
  background: var(--pp-primary);
}

.pp-tab-panel {
  background: var(--pp-surface);
  border: 1px solid var(--pp-border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: none;
}

.pp-field {
  margin-bottom: 20px;
}

.pp-field-label {
  display: block;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  margin: 0 0 6px;
}

.pp-input,
.pp-select-wrap,
select.pp-select,
#fields input,
#fields textarea,
#fields select {
  width: 100%;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  box-shadow: none;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text);
  min-height: 46px;
}

.pp-input {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
}

.pp-input input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--pp-text);
  font: inherit;
  padding: 12px 0;
}

.pp-charge {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  background: var(--pp-info-bg);
  border: 1px solid var(--pp-primary);
  border-radius: 10px;
  padding: 12px 16px;
}

.pp-charge .label {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.pp-charge input {
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--pp-primary);
  font-weight: var(--fw-bold);
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0;
  width: 100%;
  max-width: none;
  min-width: 0;
  text-align: left;
}

.pp-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 10px;
  background: var(--pp-primary);
  color: #f8fafc;
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.15s;
}

.pp-submit:hover {
  background: #1e40af;
  color: #f8fafc;
}

.pp-submit svg {
  display: none;
}

/* Select2 (panel runtime) — match designed pp-input / select.pp-select */
body.pp-body .select2-container {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

body.pp-body .select2-container--default .select2-selection--single,
body.pp-body .select2-container--default .select2-selection--single.form-control,
body.pp-body .select2-container--default .select2-selection--multiple,
body.pp-body .select2-container--default .select2-selection--multiple.form-control {
  height: auto !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  background: var(--pp-bg) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: 0 !important;
  display: flex !important;
  align-items: center !important;
  transition: border-color 0.15s ease;
}

body.pp-body .select2-container--default.select2-container--focus .select2-selection--single,
body.pp-body .select2-container--default.select2-container--open .select2-selection--single,
body.pp-body .select2-container--default.select2-container--focus .select2-selection--multiple,
body.pp-body .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--pp-primary) !important;
  box-shadow: none !important;
}

body.pp-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 12px 28px 12px 0 !important;
  line-height: 1.125rem !important;
  color: var(--pp-text) !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: var(--fw-regular) !important;
}

body.pp-body .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--pp-text-soft) !important;
}

body.pp-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  right: 12px !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: -10px !important;
}

body.pp-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  border: 0 !important;
  width: 10px !important;
  height: 10px !important;
  transform: translate(-50%, -60%) rotate(45deg);
  border-right: 2px solid #94a3b8 !important;
  border-bottom: 2px solid #94a3b8 !important;
}

body.pp-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: translate(-50%, -20%) rotate(225deg);
}

body.pp-body .select2-dropdown {
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden;
  background: var(--pp-surface) !important;
  z-index: 1060;
}

body.pp-body .select2-search--dropdown {
  padding: 10px !important;
}

body.pp-body .select2-container--default .select2-search--dropdown .select2-search__field {
  min-height: 40px;
  padding: 10px 12px !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 8px !important;
  outline: 0 !important;
  font-family: inherit;
  font-size: 0.875rem;
  color: var(--pp-text);
  background: var(--pp-bg);
}

body.pp-body .select2-container--default .select2-results__option {
  padding: 10px 14px !important;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

body.pp-body .select2-container--default .select2-results__option--highlighted[aria-selected],
body.pp-body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--pp-info-bg) !important;
  color: var(--pp-primary) !important;
}

body.pp-body .select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--pp-surface-muted) !important;
  color: var(--pp-text) !important;
}

body.pp-body .select2-container--default .select2-results__option[aria-selected=true] a {
  color: inherit !important;
}

[dir=rtl] body.pp-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 12px 0 12px 28px !important;
  text-align: right;
}

[dir=rtl] body.pp-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: auto !important;
  left: 12px !important;
}

/* Panel-injected #fields inputs often get Bootstrap .form-control */
body.pp-body #fields .form-control,
body.pp-body .pp-tab-panel .form-control:not(.select2-selection) {
  min-height: 46px;
  padding: 12px 16px;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

body.pp-body #fields .form-control:focus,
body.pp-body .pp-tab-panel .form-control:not(.select2-selection):focus {
  border-color: var(--pp-primary);
  box-shadow: none;
  outline: 0;
}

/* Panel search: .input-wrapper — border on shell only; icons without translateY */
body.pp-body .input-wrapper,
body.pp-body .pp-field .input-wrapper,
body.pp-body .pp-tab-panel .input-wrapper,
body.pp-body .pp-new-order-page .input-wrapper,
body.pp-body #new-order-search.input-wrapper,
body.pp-body #new-order-search .input-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 46px !important;
  height: auto !important;
  box-sizing: border-box !important;
  background: var(--pp-bg) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.pp-body .input-wrapper__prepend,
body.pp-body .input-wrapper__append,
body.pp-body .pp-field .input-wrapper__prepend,
body.pp-body .pp-field .input-wrapper__append,
body.pp-body .pp-tab-panel .input-wrapper__prepend,
body.pp-body .pp-tab-panel .input-wrapper__append,
body.pp-body .pp-new-order-page .input-wrapper__prepend,
body.pp-body .pp-new-order-page .input-wrapper__append {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  transform: none !important;
  -webkit-transform: none !important;
  translate: none !important;
  pointer-events: none !important;
  cursor: default !important;
}

body.pp-body .input-wrapper__prepend,
body.pp-body .pp-field .input-wrapper__prepend,
body.pp-body .pp-tab-panel .input-wrapper__prepend,
body.pp-body .pp-new-order-page .input-wrapper__prepend {
  left: 0 !important;
  right: auto !important;
}

body.pp-body .input-wrapper__append,
body.pp-body .pp-field .input-wrapper__append,
body.pp-body .pp-tab-panel .input-wrapper__append,
body.pp-body .pp-new-order-page .input-wrapper__append {
  right: 0 !important;
  left: auto !important;
}

body.pp-body .input-wrapper input,
body.pp-body .input-wrapper > input,
body.pp-body .input-wrapper .form-control,
body.pp-body .input-wrapper .select2-selection,
body.pp-body .input-wrapper input.form-control,
body.pp-body .input-wrapper input.select2-selection,
body.pp-body .pp-field .input-wrapper input,
body.pp-body .pp-tab-panel .input-wrapper input,
body.pp-body .pp-new-order-page .input-wrapper input,
body.pp-body #new-order-search .input-wrapper input,
body.pp-body #new-order-search.input-wrapper input {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 12px 44px !important;
  background: transparent !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  line-height: 1.125rem !important;
  color: var(--pp-text) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.pp-body .input-wrapper:focus-within {
  border-color: var(--pp-primary) !important;
}

body.pp-body .input-wrapper input:focus,
body.pp-body .input-wrapper .form-control:focus,
body.pp-body .input-wrapper .select2-selection:focus,
body.pp-body .input-wrapper input.form-control:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

[dir=rtl] body.pp-body .input-wrapper__prepend,
[dir=rtl] body.pp-body .pp-field .input-wrapper__prepend,
[dir=rtl] body.pp-body .pp-new-order-page .input-wrapper__prepend {
  left: auto !important;
  right: 0 !important;
}

[dir=rtl] body.pp-body .input-wrapper__append,
[dir=rtl] body.pp-body .pp-field .input-wrapper__append,
[dir=rtl] body.pp-body .pp-new-order-page .input-wrapper__append {
  right: auto !important;
  left: 0 !important;
}

body.pp-body .pp-input:has(> .input-wrapper),
body.pp-body #new-order-search:has(> .input-wrapper) {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

body.pp-body .pp-input:has(> .input-wrapper) > .ico,
body.pp-body #new-order-search:has(> .input-wrapper) > .ico {
  display: none !important;
}

body.pp-body .select2-container--default.search-dropdown .select2-selection.select2-selection--single.form-control, body.pp-body .select2-container--default.search-dropdown .select2-selection.select2-selection--single.form-control.form-control, body.pp-body .select2-container--default.search-dropdown .select2-selection--multiple, body.pp-body .select2-container--default.search-dropdown .select2-selection--multiple.form-control {
  padding: 0 40px !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  pointer-events: none;
  opacity: 0.26;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: transparent;
}

@media (min-width: 992px) {
  body.pp-body {
    padding-left: var(--pp-sidebar-w);
    padding-bottom: 0;
    overflow-x: visible;
    max-width: none;
  }
  [dir=rtl] body.pp-body {
    padding-left: 0;
    padding-right: var(--pp-sidebar-w);
  }
  .pp-sidebar {
    transform: none;
    width: var(--pp-sidebar-w);
    border-radius: 0;
  }
  [dir=rtl] .pp-sidebar {
    transform: none;
  }
  .pp-topbar {
    left: var(--pp-sidebar-w);
    right: 0;
    height: var(--pp-topbar-h);
    padding: 16px 32px;
  }
  [dir=rtl] .pp-topbar {
    left: 0;
    right: var(--pp-sidebar-w);
  }
  .pp-mobile-burger,
  .pp-mobile-logo {
    display: none;
  }
  .pp-page-title {
    display: flex;
  }
  .pp-topbar-actions {
    display: flex;
  }
  .pp-topbar-actions .pp-lang,
  .pp-topbar-actions .pp-topbar-divider,
  .pp-topbar-actions .pp-profile {
    display: inline-flex;
  }
  .pp-topbar-actions .pp-profile .name {
    display: inline;
  }
  .pp-bottom-nav {
    display: none;
  }
  .pp-mobile-welcome {
    display: none !important;
  }
  .pp-main {
    overflow-x: visible;
  }
}
/* Override legacy.scss shell rules (991px) that load before auth-shell */
@media (max-width: 991px) {
  body.pp-body {
    padding-top: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 76px !important;
  }
  .pp-main {
    padding: 20px 16px 24px !important;
    overflow-x: hidden;
  }
  .pp-topbar {
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--pp-border);
  }
  [dir=rtl] .pp-topbar {
    left: 0 !important;
    right: 0 !important;
  }
  .pp-topbar-actions {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .pp-topbar-actions .pp-topbar-divider,
  .pp-topbar-actions .pp-profile {
    display: none !important;
  }
  .pp-topbar-actions .dropdown:has(.pp-currency),
  .pp-topbar-actions .dropdown:has(.pp-profile) {
    display: none !important;
  }
  .pp-topbar-actions .dropdown:has(.pp-lang) {
    display: inline-flex !important;
    order: 2;
  }
  .pp-topbar-actions .pp-lang,
  .pp-topbar-actions .pp-theme-toggle,
  .pp-topbar-actions .pp-bell {
    display: inline-flex !important;
  }
  .pp-topbar-actions .pp-theme-toggle {
    order: 1;
  }
  .pp-topbar-actions .pp-bell {
    order: 3;
  }
  .pp-topbar-actions .pp-lang__label {
    display: none !important;
  }
  .pp-topbar-actions .pp-lang {
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #111111;
  }
  .pp-topbar-actions .pp-lang svg path {
    stroke: #111111;
  }
  .pp-topbar-actions .pp-lang .pp-lang__chevron path {
    stroke: #64748b;
  }
  .pp-mobile-burger {
    order: 4;
  }
  [data-bs-theme=dark] .pp-topbar-actions .pp-lang {
    color: #f8fafc;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
  }
  [data-bs-theme=dark] .pp-topbar-actions .pp-lang svg path {
    stroke: #f8fafc;
  }
  [data-bs-theme=dark] .pp-topbar-actions .pp-lang .pp-lang__chevron path {
    stroke: #94a3b8;
  }
  .pp-mobile-burger {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    padding: 0 !important;
  }
  .pp-mobile-logo {
    display: inline-flex !important;
  }
  .pp-bottom-nav {
    display: flex !important;
  }
}
/* Native + Select2 dropdowns in dashboard dark mode */
[data-bs-theme=dark] body.pp-body select {
  color-scheme: dark;
}
[data-bs-theme=dark] body.pp-body select option,
[data-bs-theme=dark] body.pp-body select optgroup {
  background-color: var(--pp-surface);
  color: var(--pp-text);
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-selection--single,
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-selection--multiple {
  background: var(--pp-input-bg) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] body.pp-body .select2-dropdown {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--pp-input-bg) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-results__option {
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--pp-info-bg) !important;
  color: var(--pp-primary) !important;
}
[data-bs-theme=dark] body.pp-body .select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--pp-surface-muted) !important;
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] body.pp-body #fields select.form-control option,
[data-bs-theme=dark] body.pp-body #fields .form-control option {
  background-color: var(--pp-surface);
  color: var(--pp-text);
}

.guest-shell__logo-mark--header {
  --guest-logo-mark-header: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI4LjE3NDgiIGhlaWdodD0iMzUuNTkwNCIgdmlld0JveD0iMCAwIDI4LjE3NDggMzUuNTkwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDIgJiMyMjY7JiMxMjg7JiMxNDc7IFdoaXRlIj4KPHBhdGggaWQ9IlBvbHlnb24gMiIgZD0iTTguNTE1NiAxNC4zNDIyTDEzLjg2NTggMTYuOTQzTDguMDk0NzggMjAuMjcyMUw4LjUxNTYgMTQuMzQyMloiIGZpbGw9IiNBNEE3QUUiLz4KPHBhdGggaWQ9IlBvbHlnb24gMjUiIGQ9Ik04LjI4NzQ2IDI4LjAxODdMMTMuNjM3NiAzMC42MTk1TDcuODY2NjQgMzMuOTQ4Nkw4LjI4NzQ2IDI4LjAxODdaIiBmaWxsPSIjOEE4RjlBIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDEzIiBkPSJNMTQuMjQ3MSAxMS4wMzU5TDE5LjU1NzcgMTMuNjU5NUwxMy44NjU4IDE2Ljk0M0wxNC4yNDcxIDExLjAzNTlaIiBmaWxsPSIjQzNDNUM4Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDI2IiBkPSJNMTQuMDE4OSAyNC43MTI1TDE5LjMyOTYgMjcuMzM2MUwxMy42Mzc3IDMwLjYxOTZMMTQuMDE4OSAyNC43MTI1WiIgZmlsbD0iI0IwQjJCNyIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNyIgZD0iTTE5LjkzODkgNy43NTI0MkwyNS4yNDk2IDEwLjM3NkwxOS41NTc3IDEzLjY1OTVMMTkuOTM4OSA3Ljc1MjQyWiIgZmlsbD0iI0YzRjNGMyIvPgo8cGF0aCBpZD0iUG9seWdvbiAyNyIgZD0iTTE5LjcxMDkgMjEuNDI5TDI1LjAyMTYgMjQuMDUyNkwxOS4zMjk2IDI3LjMzNjFMMTkuNzEwOSAyMS40MjlaIiBmaWxsPSIjREVERURGIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDExIiBkPSJNOC40ODE4MiAxNC4zNjE3TDguODQ1MTMgOC4yNTQzTDMuMDc0MTIgMTEuNTgzNEw4LjQ4MTgyIDE0LjM2MTdaIiBmaWxsPSIjQjZCOUJEIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDI4IiBkPSJNOC4yNTM2OCAyOC4wMzgyTDguNjE2OTkgMjEuOTMwOUwyLjg0NTk4IDI1LjI1OTlMOC4yNTM2OCAyOC4wMzgyWiIgZmlsbD0iIzk0OThBMiIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNCIgZD0iTTE0LjI1MjggMTEuMDMyNkwxNC42MTYxIDQuOTI1MjJMOC44NDUxNCA4LjI1NDI5TDE0LjI1MjggMTEuMDMyNloiIGZpbGw9IiNENkQ3RDgiLz4KPHBhdGggaWQ9IlBvbHlnb24gMjkiIGQ9Ik0xNC4wMjQ3IDI0LjcwOTFMMTQuMzg4IDE4LjYwMThMOC42MTcgMjEuOTMwOUwxNC4wMjQ3IDI0LjcwOTFaIiBmaWxsPSIjQjZCOUJEIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDE4IiBkPSJNMTkuOTQ0NyA3Ljc0OTFMMjAuMzA4IDEuNjQxNzRMMTQuNTM3IDQuOTcwODJMMTkuOTQ0NyA3Ljc0OTFaIiBmaWxsPSIjRjRGNEY0Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDMwIiBkPSJNMTkuNzE2NiAyMS40MjU3TDIwLjA3OTkgMTUuMzE4M0wxNC4zMDg5IDE4LjY0NzRMMTkuNzE2NiAyMS40MjU3WiIgZmlsbD0iI0RGRTBFMSIvPgo8cGF0aCBpZD0iUG9seWdvbiA2IiBkPSJNOC4wOTQ3NCAyMC4yNzIxTDguNDc2MDMgMTQuMzY1TDIuNzg0MDggMTcuNjQ4NEw4LjA5NDc0IDIwLjI3MjFaIiBmaWxsPSIjOUI5RkE3Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDMxIiBkPSJNNy44NjY2IDMzLjk0ODZMOC4yNDc4OSAyOC4wNDE1TDIuNTU1OTQgMzEuMzI1TDcuODY2NiAzMy45NDg2WiIgZmlsbD0iIzgzODk5NSIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNSIgZD0iTTEzLjgyNjIgMTYuOTY1OEwxNC4yNDcgMTEuMDM1OUw4LjQ3NjAzIDE0LjM2NUwxMy44MjYyIDE2Ljk2NThaIiBmaWxsPSIjQUZCMUI3Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDMyIiBkPSJNMTMuNTk4MiAzMC42NDI0TDE0LjAxOSAyNC43MTI1TDguMjQ3OTcgMjguMDQxNUwxMy41OTgyIDMwLjY0MjRaIiBmaWxsPSIjOUNBMEE4Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDE5IiBkPSJNMTkuNTU3OCAxMy42NTk1TDE5LjkzOTEgNy43NTI0MUwxNC4yNDcxIDExLjAzNTlMMTkuNTU3OCAxMy42NTk1WiIgZmlsbD0iI0QwRDFEMyIvPgo8cGF0aCBpZD0iUG9seWdvbiAzMyIgZD0iTTE5LjMyOTYgMjcuMzM2MUwxOS43MTA5IDIxLjQyOUwxNC4wMTkgMjQuNzEyNUwxOS4zMjk2IDI3LjMzNjFaIiBmaWxsPSIjQjdCOUJFIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDIzIiBkPSJNMjUuMjg5MyAxMC4zNTMyTDI1LjcxMDEgNC40MjMzM0wxOS45MzkxIDcuNzUyNDFMMjUuMjg5MyAxMC4zNTMyWiIgZmlsbD0iI0YzRjNGMyIvPgo8cGF0aCBpZD0iUG9seWdvbiAzNCIgZD0iTTI1LjA2MSAyNC4wMjk4TDI1LjQ4MTkgMTguMDk5OUwxOS43MTA4IDIxLjQyOUwyNS4wNjEgMjQuMDI5OFoiIGZpbGw9IiNERURFREYiLz4KPHBhdGggaWQ9IlBvbHlnb24gMTIiIGQ9Ik0zLjA3NDExIDExLjU4MzRMOC40NzYwNiAxNC4zNjVMMi43ODQxMSAxNy42NDg0TDMuMDc0MTEgMTEuNTgzNFoiIGZpbGw9IiNBNEE3QUUiLz4KPHBhdGggaWQ9IlBvbHlnb24gMzUiIGQ9Ik0yLjg0NTk3IDI1LjI1OTlMOC4yNDc5MiAyOC4wNDE1TDIuNTU1OTcgMzEuMzI1TDIuODQ1OTcgMjUuMjU5OVoiIGZpbGw9IiM4OThGOUEiLz4KPHBhdGggaWQ9IlBvbHlnb24gMTYiIGQ9Ik04LjgwNTU5IDguMjc3MUwxNC4yNDcxIDExLjAzNTlMOC40NzYwNiAxNC4zNjVMOC44MDU1OSA4LjI3NzFaIiBmaWxsPSIjQzFDMkM2Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDM2IiBkPSJNOC41Nzc1MyAyMS45NTM3TDE0LjAxOSAyNC43MTI1TDguMjQ4IDI4LjA0MTVMOC41Nzc1MyAyMS45NTM3WiIgZmlsbD0iI0E0QTdBRSIvPgo8cGF0aCBpZD0iUG9seWdvbiAyMCIgZD0iTTE0LjUzNzEgNC45NzA4MkwxOS45MzkgNy43NTI0MkwxNC4yNDcxIDExLjAzNTlMMTQuNTM3MSA0Ljk3MDgyWiIgZmlsbD0iI0UzRTNFNCIvPgo8cGF0aCBpZD0iUG9seWdvbiAzNyIgZD0iTTE0LjMwOSAxOC42NDc0TDE5LjcxMSAyMS40MjlMMTQuMDE5IDI0LjcxMjVMMTQuMzA5IDE4LjY0NzRaIiBmaWxsPSIjQzdDOENCIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDI0IiBkPSJNMjAuMjY4NSAxLjY2NDU0TDI1LjcxIDQuNDIzMzRMMTkuOTM5IDcuNzUyNDFMMjAuMjY4NSAxLjY2NDU0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggaWQ9IlBvbHlnb24gMzgiIGQ9Ik0yMC4wNDA0IDE1LjM0MTFMMjUuNDgxOSAxOC4wOTk5TDE5LjcxMDkgMjEuNDI5TDIwLjA0MDQgMTUuMzQxMVoiIGZpbGw9IiNFQ0VDRUMiLz4KPC9nPgo8L3N2Zz4K');
  background-image: var(--guest-logo-mark-header);
}

.guest-shell__logo-wordmark--header {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9Ijg5LjUyOSIgaGVpZ2h0PSIxOC4yMTY5IiB2aWV3Qm94PSIwIDAgODkuNTI5IDE4LjIxNjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSAzNDY1ODc0Ij4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik02LjkwNzI2IDBDOC4wNzExMiAwIDkuMTA4NSAwLjIyNzg0MiAxMC4wMTkzIDAuNjgzMjY0QzEwLjk0NyAxLjEzODY5IDExLjY5NzggMS43MjA1NSAxMi4yNzEyIDIuNDI4OThMMTAuMjk3NyA0LjQwMjUxQzkuNzkxNzEgMy44MjkwMiA5LjI2MDMzIDMuNDA3MzMgOC43MDM3MSAzLjEzNzQ1QzguMTYzOTggMi44NTA3MSA3LjUzOTg5IDIuNzA3MzcgNi44MzE0OSAyLjcwNzM2QzUuOTU0MzggMi43MDczNiA1LjI2MjY4IDIuODg0MzcgNC43NTY2NiAzLjIzODU5QzQuMjY3NTEgMy41OTI4IDQuMDIyOTkgNC4wOTA1IDQuMDIyOTkgNC43MzE0NkM0LjAyMyA1LjI3MTE4IDQuMTc0ODQgNS43MDk3NSA0LjQ3ODQ0IDYuMDQ3MDlDNC43ODIwNSA2LjM2NzU1IDUuMTc4NDMgNi42NDU5MyA1LjY2NzU3IDYuODgyMDZDNi4xNzM1OCA3LjEwMTMzIDYuNzIxOCA3LjMxMjE5IDcuMzEyMTUgNy41MTQ1OUM3LjkxOTM2IDcuNzE3IDguNTE4MjUgNy45NDQ2OCA5LjEwODYgOC4xOTc2OUM5LjcxNTc5IDguNDUwNyAxMC4yNjQgOC43Nzk1NyAxMC43NTMyIDkuMTg0MzdDMTEuMjU5MiA5LjU3MjMxIDExLjY2MzkgMTAuMDc4NCAxMS45Njc1IDEwLjcwMjRDMTIuMjcxMSAxMS4zMjY1IDEyLjQyMyAxMi4xMTA5IDEyLjQyMyAxMy4wNTU1QzEyLjQyMyAxNC42NDEgMTEuODU3OSAxNS44OTc2IDEwLjcyNzggMTYuODI1M0M5LjYxNDU3IDE3Ljc1MyA4LjEwNDk0IDE4LjIxNjkgNi4xOTg5NiAxOC4yMTY5QzQuNzk4OTYgMTguMjE2OSAzLjYwOTc0IDE3Ljk2MzkgMi42MzE0MiAxNy40NTc4QzEuNjUzMTIgMTYuOTUxOCAwLjc3NTkgMTYuMjA5OCAwIDE1LjIzMTVMMS45NzM1MyAxMy4yNTc5QzIuNDYyNjggMTMuOTY2NCAzLjA0NDcxIDE0LjUyMjkgMy43MTk0MSAxNC45Mjc3QzQuMzk0MTEgMTUuMzE1NyA1LjI1NDMyIDE1LjUwOTcgNi4zMDAxIDE1LjUwOTdDNy4yNzgzOSAxNS41MDk3IDguMDU0MjkgMTUuMzA3MyA4LjYyNzc4IDE0LjkwMjVDOS4yMTgxNCAxNC40OTc3IDkuNTEzMzIgMTMuOTQxIDkuNTEzMzIgMTMuMjMyNkM5LjUxMzMxIDEyLjY0MjIgOS4zNjE0NyAxMi4xNjE1IDkuMDU3ODYgMTEuNzkwNEM4Ljc1NDI2IDExLjQxOTQgOC4zNDk1MyAxMS4xMTU3IDcuODQzNTQgMTAuODc5NUM3LjM1NDQgMTAuNjI2NSA2LjgwNjE1IDEwLjQwNzMgNi4xOTg5NiAxMC4yMjE4QzUuNjA4NiAxMC4wMTk0IDUuMDA5NzQgOS44MDAwMyA0LjQwMjUxIDkuNTYzODlDMy44MTIxNSA5LjMxMDg4IDMuMjYzOTUgOC45OTg4NiAyLjc1NzkzIDguNjI3NzhDMi4yNjg3OSA4LjI1NjcgMS44NzI0MiA3Ljc3NTk4IDEuNTY4ODEgNy4xODU2NEMxLjI2NTE5IDYuNTk1MjggMS4xMTMzNSA1Ljg0NDU4IDEuMTEzMzUgNC45MzM3M0MxLjExMzM2IDMuODg3OTggMS4zNjYzNyAzLjAwMjQgMS44NzIzOSAyLjI3NzExQzIuMzk1MjggMS41MzQ5NiAzLjA5NTMzIDAuOTY5OTA0IDMuOTcyNDIgMC41ODE5NjFDNC44NDk1IDAuMTk0MDMgNS44Mjc3OCA2LjAxMjExZS0wNiA2LjkwNzI2IDBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgwLjQ5NjUgMEM4MS43NjE2IDEuMDI0OTFlLTA1IDgyLjkzMzggMC4yMzYxODggODQuMDEzMyAwLjcwODQ2N0M4NS4xMDk3IDEuMTYzODggODYuMDcxMSAxLjgxMzI4IDg2Ljg5NzYgMi42NTY2M0M4Ny43MjQxIDMuNDgzMTIgODguMzY1MSA0LjQ1MzAzIDg4LjgyMDYgNS41NjYyNkM4OS4yOTI4IDYuNjYyNjMgODkuNTI5IDcuODQzNCA4OS41MjkgOS4xMDg0M0M4OS41MjkgMTAuMzczNSA4OS4yOTI5IDExLjU2MjcgODguODIwNiAxMi42NzZDODguMzY1MSAxMy43NzI0IDg3LjcyNDEgMTQuNzMzNyA4Ni44OTc2IDE1LjU2MDJDODYuMDg4IDE2LjM4NjcgODUuMTM1MSAxNy4wMzYzIDg0LjAzODcgMTcuNTA4NkM4Mi45NTkyIDE3Ljk4MDggODEuNzk1MyAxOC4yMTY5IDgwLjU0NzEgMTguMjE2OUM3OS4yODIxIDE4LjIxNjkgNzguMTAxMyAxNy45ODA4IDc3LjAwNDkgMTcuNTA4NkM3NS45MDg2IDE3LjAzNjMgNzQuOTQ3IDE2LjM4NjcgNzQuMTIwNSAxNS41NjAyQzczLjI5NCAxNC43MTY5IDcyLjY0NDYgMTMuNzQ3IDcyLjE3MjMgMTIuNjUwNkM3MS43MTY5IDExLjUzNzQgNzEuNDg5MiAxMC4zNDgzIDcxLjQ4OTIgOS4wODMyM0M3MS40ODkyIDcuODE4MTggNzEuNzE2OSA2LjYzNzQ0IDcyLjE3MjMgNS41NDEwNkM3Mi42NDQ2IDQuNDQ0NjggNzMuMjg1NyAzLjQ4MzEzIDc0LjA5NTMgMi42NTY2M0M3NC45MjE4IDEuODEzMjggNzUuODc0OSAxLjE2Mzg4IDc2Ljk1NDQgMC43MDg0NjdDNzguMDUwNyAwLjIzNjIwMSA3OS4yMzE1IDAgODAuNDk2NSAwWk04MC40OTY1IDIuNzgzMTNDNzkuMzE1OCAyLjc4MzEzIDc4LjI2OTkgMy4wNTMxNCA3Ny4zNTkxIDMuNTkyOUM3Ni40NjUxIDQuMTE1NzkgNzUuNzU2NyA0Ljg0OTUxIDc1LjIzMzkgNS43OTQwN0M3NC43Mjc4IDYuNzM4NjUgNzQuNDc0OCA3LjgzNTA0IDc0LjQ3NDggOS4wODMyM0M3NC40NzQ4IDEwLjAxMDkgNzQuNjE4MiAxMC44NzEyIDc0LjkwNDkgMTEuNjYzOUM3NS4yMDg1IDEyLjQzOTggNzUuNjIxNyAxMy4xMDYgNzYuMTQ0NiAxMy42NjI3Qzc2LjY4NDQgMTQuMjE5MyA3Ny4zMjU0IDE0LjY1OCA3OC4wNjc2IDE0Ljk3ODRDNzguODA5NyAxNS4yODIgNzkuNjE5NCAxNS40MzM3IDgwLjQ5NjUgMTUuNDMzN0M4MS42OTQxIDE1LjQzMzcgODIuNzM5OSAxNS4xNjM5IDgzLjYzMzggMTQuNjI0MUM4NC41NDQ3IDE0LjA4NDQgODUuMjUzIDEzLjM0MjIgODUuNzU5MSAxMi4zOTc2Qzg2LjI4MTkgMTEuNDM2MiA4Ni41NDM1IDEwLjMzMTQgODYuNTQzNSA5LjA4MzIzQzg2LjU0MzUgOC4xNTU1MyA4Ni4zOTE2IDcuMzEyMTQgODYuMDg4IDYuNTUzMTFDODUuODAxMyA1Ljc3NzIxIDg1LjM4ODEgNS4xMTA4NCA4NC44NDgzIDQuNTU0MjJDODQuMzA4NiAzLjk4MDczIDgzLjY2NzUgMy41NDIyIDgyLjkyNTQgMy4yMzg1OUM4Mi4yMDAxIDIuOTM0OTkgODEuMzkwNSAyLjc4MzE0IDgwLjQ5NjUgMi43ODMxM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4zNDgzIDAuMjUzMDEyTDI0LjA1MjkgMTEuMjg5NUwzMC43NTc5IDAuMjUzMDEySDMyLjc4MlYxNy45NjM5SDI5Ljg3MjRWNi42MjE5NkwyNS4wNjUyIDE0LjUyM0gyMy4wNDExTDE4LjIzMzggNi42MjIyOVYxNy45NjM5SDE1LjMyNDJWMC4yNTMwMTJIMTcuMzQ4M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00NS4zNTE0IDExLjI4OTVMNTIuMDU2NCAwLjI1MzAxMkg1NC4wODA1VjE3Ljk2MzlINTEuMTcwOVY2LjYyMTk2TDQ2LjM2MzYgMTQuNTIzSDQ0LjMzOTVMMzkuNTMyMyA2LjYyMjI5VjE3Ljk2MzlIMzYuNjIyN1YwLjI1MzAxMkgzOC42NDY4TDQ1LjM1MTQgMTEuMjg5NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03MS4wNTI0IDAuMjUzMDEyVjIuOTA5NjRINjUuMjgzN1YxNy45NjM5SDYyLjM3NDFWMi45MDk2NEg1Ni42MDUzVjAuMjUzMDEySDcxLjA1MjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
}

.guest-shell__logo-mark--footer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIzLjc0NzMiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMy43NDczIDMwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iRnJhbWUgMiAmIzIyNjsmIzEyODsmIzE0NzsgV2hpdGUiPgo8cGF0aCBpZD0iUG9seWdvbiAyIiBkPSJNNy4xNzc0MyAxMi4wODk0TDExLjY4NjkgMTQuMjgxN0w2LjgyMjc0IDE3LjA4NzhMNy4xNzc0MyAxMi4wODk0WiIgZmlsbD0iI0E0QTdBRSIvPgo8cGF0aCBpZD0iUG9seWdvbiAyNSIgZD0iTTYuOTg1MTQgMjMuNjE3N0wxMS40OTQ2IDI1LjgxTDYuNjMwNDYgMjguNjE2MUw2Ljk4NTE0IDIzLjYxNzdaIiBmaWxsPSIjOEE4RjlBIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDEzIiBkPSJNMTIuMDA4MyA5LjMwMjQzTDE2LjQ4NDQgMTEuNTEzOUwxMS42ODY5IDE0LjI4MTdMMTIuMDA4MyA5LjMwMjQzWiIgZmlsbD0iI0MzQzVDOCIvPgo8cGF0aCBpZD0iUG9seWdvbiAyNiIgZD0iTTExLjgxNiAyMC44MzA3TDE2LjI5MjEgMjMuMDQyM0wxMS40OTQ2IDI1LjgxTDExLjgxNiAyMC44MzA3WiIgZmlsbD0iI0IwQjJCNyIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNyIgZD0iTTE2LjgwNTcgNi41MzQ3TDIxLjI4MTggOC43NDYyMkwxNi40ODQzIDExLjUxMzlMMTYuODA1NyA2LjUzNDdaIiBmaWxsPSIjRjNGM0YzIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDI3IiBkPSJNMTYuNjEzNSAxOC4wNjNMMjEuMDg5NiAyMC4yNzQ1TDE2LjI5MjEgMjMuMDQyM0wxNi42MTM1IDE4LjA2M1oiIGZpbGw9IiNERURFREYiLz4KPHBhdGggaWQ9IlBvbHlnb24gMTEiIGQ9Ik03LjE0ODk3IDEyLjEwNThMNy40NTUxOCA2Ljk1Nzc1TDIuNTkxMDUgOS43NjM5MUw3LjE0ODk3IDEyLjEwNThaIiBmaWxsPSIjQjZCOUJEIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDI4IiBkPSJNNi45NTY2OCAyMy42MzQxTDcuMjYyODkgMTguNDg2MUwyLjM5ODc2IDIxLjI5MjJMNi45NTY2OCAyMy42MzQxWiIgZmlsbD0iIzk0OThBMiIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNCIgZD0iTTEyLjAxMzEgOS4yOTk2M0wxMi4zMTkzIDQuMTUxNTlMNy40NTUxOSA2Ljk1Nzc1TDEyLjAxMzEgOS4yOTk2M1oiIGZpbGw9IiNENkQ3RDgiLz4KPHBhdGggaWQ9IlBvbHlnb24gMjkiIGQ9Ik0xMS44MjA4IDIwLjgyNzlMMTIuMTI3IDE1LjY3OTlMNy4yNjI5IDE4LjQ4NjFMMTEuODIwOCAyMC44Mjc5WiIgZmlsbD0iI0I2QjlCRCIvPgo8cGF0aCBpZD0iUG9seWdvbiAxOCIgZD0iTTE2LjgxMDUgNi41MzE5MUwxNy4xMTY3IDEuMzgzODdMMTIuMjUyNiA0LjE5MDAzTDE2LjgxMDUgNi41MzE5MVoiIGZpbGw9IiNGNEY0RjQiLz4KPHBhdGggaWQ9IlBvbHlnb24gMzAiIGQ9Ik0xNi42MTgzIDE4LjA2MDJMMTYuOTI0NSAxMi45MTIyTDEyLjA2MDQgMTUuNzE4M0wxNi42MTgzIDE4LjA2MDJaIiBmaWxsPSIjREZFMEUxIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDYiIGQ9Ik02LjgyMjcxIDE3LjA4NzhMNy4xNDQwOCAxMi4xMDg2TDIuMzQ2NTggMTQuODc2M0w2LjgyMjcxIDE3LjA4NzhaIiBmaWxsPSIjOUI5RkE3Ii8+CjxwYXRoIGlkPSJQb2x5Z29uIDMxIiBkPSJNNi42MzA0MiAyOC42MTYxTDYuOTUxNzkgMjMuNjM2OUwyLjE1NDI5IDI2LjQwNDZMNi42MzA0MiAyOC42MTYxWiIgZmlsbD0iIzgzODk5NSIvPgo8cGF0aCBpZD0iUG9seWdvbiAxNSIgZD0iTTExLjY1MzUgMTQuMzAwOUwxMi4wMDgyIDkuMzAyNDJMNy4xNDQwOCAxMi4xMDg2TDExLjY1MzUgMTQuMzAwOVoiIGZpbGw9IiNBRkIxQjciLz4KPHBhdGggaWQ9IlBvbHlnb24gMzIiIGQ9Ik0xMS40NjEzIDI1LjgyOTJMMTEuODE2IDIwLjgzMDdMNi45NTE4NiAyMy42MzY5TDExLjQ2MTMgMjUuODI5MloiIGZpbGw9IiM5Q0EwQTgiLz4KPHBhdGggaWQ9IlBvbHlnb24gMTkiIGQ9Ik0xNi40ODQ0IDExLjUxMzlMMTYuODA1OCA2LjUzNDdMMTIuMDA4MyA5LjMwMjQyTDE2LjQ4NDQgMTEuNTEzOVoiIGZpbGw9IiNEMEQxRDMiLz4KPHBhdGggaWQ9IlBvbHlnb24gMzMiIGQ9Ik0xNi4yOTIxIDIzLjA0MjNMMTYuNjEzNSAxOC4wNjNMMTEuODE2IDIwLjgzMDdMMTYuMjkyMSAyMy4wNDIzWiIgZmlsbD0iI0I3QjlCRSIvPgo8cGF0aCBpZD0iUG9seWdvbiAyMyIgZD0iTTIxLjMxNTIgOC43MjY5OUwyMS42Njk5IDMuNzI4NTNMMTYuODA1OCA2LjUzNDdMMjEuMzE1MiA4LjcyNjk5WiIgZmlsbD0iI0YzRjNGMyIvPgo8cGF0aCBpZD0iUG9seWdvbiAzNCIgZD0iTTIxLjEyMjkgMjAuMjU1M0wyMS40Nzc2IDE1LjI1NjlMMTYuNjEzNCAxOC4wNjNMMjEuMTIyOSAyMC4yNTUzWiIgZmlsbD0iI0RFREVERiIvPgo8cGF0aCBpZD0iUG9seWdvbiAxMiIgZD0iTTIuNTkxMDQgOS43NjM5MUw3LjE0NDExIDEyLjEwODZMMi4zNDY2MSAxNC44NzYzTDIuNTkxMDQgOS43NjM5MVoiIGZpbGw9IiNBNEE3QUUiLz4KPHBhdGggaWQ9IlBvbHlnb24gMzUiIGQ9Ik0yLjM5ODc1IDIxLjI5MjJMNi45NTE4MiAyMy42MzY5TDIuMTU0MzIgMjYuNDA0NkwyLjM5ODc1IDIxLjI5MjJaIiBmaWxsPSIjODk4RjlBIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDE2IiBkPSJNNy40MjE4NSA2Ljk3Njk3TDEyLjAwODIgOS4zMDI0M0w3LjE0NDExIDEyLjEwODZMNy40MjE4NSA2Ljk3Njk3WiIgZmlsbD0iI0MxQzJDNiIvPgo8cGF0aCBpZD0iUG9seWdvbiAzNiIgZD0iTTcuMjI5NjMgMTguNTA1M0wxMS44MTYgMjAuODMwN0w2Ljk1MTg5IDIzLjYzNjlMNy4yMjk2MyAxOC41MDUzWiIgZmlsbD0iI0E0QTdBRSIvPgo8cGF0aCBpZD0iUG9seWdvbiAyMCIgZD0iTTEyLjI1MjcgNC4xOTAwM0wxNi44MDU3IDYuNTM0N0wxMi4wMDgyIDkuMzAyNDJMMTIuMjUyNyA0LjE5MDAzWiIgZmlsbD0iI0UzRTNFNCIvPgo8cGF0aCBpZD0iUG9seWdvbiAzNyIgZD0iTTEyLjA2MDUgMTUuNzE4M0wxNi42MTM1IDE4LjA2M0wxMS44MTYgMjAuODMwN0wxMi4wNjA1IDE1LjcxODNaIiBmaWxsPSIjQzdDOENCIi8+CjxwYXRoIGlkPSJQb2x5Z29uIDI0IiBkPSJNMTcuMDgzNSAxLjQwMzA4TDIxLjY2OTkgMy43Mjg1NEwxNi44MDU3IDYuNTM0N0wxNy4wODM1IDEuNDAzMDhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iUG9seWdvbiAzOCIgZD0iTTE2Ljg5MTIgMTIuOTMxNEwyMS40Nzc2IDE1LjI1NjlMMTYuNjEzNSAxOC4wNjNMMTYuODkxMiAxMi45MzE0WiIgZmlsbD0iI0VDRUNFQyIvPgo8L2c+Cjwvc3ZnPgo=");
}

.guest-shell__logo-wordmark--footer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9Ijc1LjQ2MDIiIGhlaWdodD0iMTUuMzU1NSIgdmlld0JveD0iMCAwIDc1LjQ2MDIgMTUuMzU1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDM0NjU4NzQiPgo8ZyBpZD0iVmVjdG9yIj4KPHBhdGggZD0iTTUuODIxODMgMEM2LjgwMjggMCA3LjY3NzE2IDAuMTkyMDU0IDguNDQ0ODcgMC41NzU5NEM5LjIyNjggMC45NTk4MjYgOS44NTk1NCAxLjQ1MDMgMTAuMzQyOSAyLjA0NzQ1TDguNjc5NTEgMy43MTA5OEM4LjI1MzAxIDMuMjI3NTggNy44MDUxNCAyLjg3MjEyIDcuMzM1OTkgMi42NDQ2M0M2Ljg4MTA2IDIuNDAyOTQgNi4zNTUwNSAyLjI4MjExIDUuNzU3OTcgMi4yODIxQzUuMDE4NjkgMi4yODIxIDQuNDM1NjkgMi40MzEzMSA0LjAwOTE4IDIuNzI5ODlDMy41OTY5MSAzLjAyODQ2IDMuMzkwODEgMy40NDc5OCAzLjM5MDgxIDMuOTg4MjZDMy4zOTA4MiA0LjQ0MzIxIDMuNTE4OCA0LjgxMjg5IDMuNzc0NjkgNS4wOTcyNEM0LjAzMDU5IDUuMzY3MzcgNC4zNjQ2OCA1LjYwMjAyIDQuNzc2OTUgNS44MDEwNkM1LjIwMzQ1IDUuOTg1ODkgNS42NjU1MiA2LjE2MzYyIDYuMTYzMSA2LjMzNDIzQzYuNjc0ODkgNi41MDQ4NSA3LjE3OTY3IDYuNjk2NzcgNy42NzcyNSA2LjkxMDA0QzguMTg5MDMgNy4xMjMzIDguNjUxMTIgNy40MDA1MiA5LjA2MzM5IDcuNzQxNzNDOS40ODk4NyA4LjA2ODc0IDkuODMxIDguNDk1MzIgMTAuMDg2OSA5LjAyMTM2QzEwLjM0MjggOS41NDc0MiAxMC40NzA4IDEwLjIwODYgMTAuNDcwOCAxMS4wMDQ4QzEwLjQ3MDggMTIuMzQxMyA5Ljk5NDUyIDEzLjQwMDUgOS4wNDIwMSAxNC4xODI1QzguMTAzNzEgMTQuOTY0NCA2LjgzMTMxIDE1LjM1NTQgNS4yMjQ4NCAxNS4zNTU1QzQuMDQ0ODQgMTUuMzU1NSAzLjA0MjQ5IDE1LjE0MjIgMi4yMTc5MSAxNC43MTU2QzEuMzkzMzQgMTQuMjg5MSAwLjY1Mzk3MyAxMy42NjM2IDAgMTIuODM5TDEuNjYzNCAxMS4xNzU0QzIuMDc1NjkgMTEuNzcyNiAyLjU2NjI2IDEyLjI0MTcgMy4xMzQ5MyAxMi41ODI5QzMuNzAzNiAxMi45MDk5IDQuNDI4NjQgMTMuMDczNSA1LjMxMDA4IDEzLjA3MzVDNi4xMzQ2NCAxMy4wNzM1IDYuNzg4NjEgMTIuOTAyOSA3LjI3MTk4IDEyLjU2MTdDNy43Njk1NyAxMi4yMjA1IDguMDE4MzcgMTEuNzUxMiA4LjAxODM3IDExLjE1NDFDOC4wMTgzNiAxMC42NTY0IDcuODkwMzggMTAuMjUxMiA3LjYzNDQ5IDkuOTM4NDRDNy4zNzg1OSA5LjYyNTY3IDcuMDM3NDYgOS4zNjk2NiA2LjYxMDk4IDkuMTcwNjJDNi4xOTg3MSA4Ljk1NzM2IDUuNzM2NjIgOC43NzI1OSA1LjIyNDg0IDguNjE2MkM0LjcyNzI1IDguNDQ1NTggNC4yMjI0OSA4LjI2MDY5IDMuNzEwNjkgOC4wNjE2NEMzLjIxMzEgNy44NDgzNyAyLjc1MTA0IDcuNTg1MzYgMi4zMjQ1NCA3LjI3MjU3QzEuOTEyMjYgNi45NTk3OCAxLjU3ODE4IDYuNTU0NTcgMS4zMjIyOCA2LjA1Njk2QzEuMDY2MzggNS41NTkzMyAwLjkzODM5NyA0LjkyNjU0IDAuOTM4Mzk3IDQuMTU4NzdDMC45Mzg0MDUgMy4yNzcyNyAxLjE1MTY2IDIuNTMwNzkgMS41NzgxNiAxLjkxOTQzQzIuMDE4ODggMS4yOTM4NiAyLjYwODkyIDAuODE3NTU2IDMuMzQ4MTggMC40OTA1NDlDNC4wODc0NCAwLjE2MzU1MyA0LjkxMTk5IDUuMDY3NzVlLTA2IDUuODIxODMgMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjcuODQ3MSAwQzY4LjkxMzMgOC42MzkyZS0wNiA2OS45MDE0IDAuMTk5MDg5IDcwLjgxMTIgMC41OTcxODRDNzEuNzM1MyAwLjk4MTA2MiA3Mi41NDU3IDEuNTI4NDYgNzMuMjQyMyAyLjIzOTM0QzczLjkzODkgMi45MzYwMSA3NC40NzkyIDMuNzUzNTcgNzQuODYzMSA0LjY5MTk0Qzc1LjI2MTEgNS42MTYxIDc1LjQ2MDIgNi42MTEzOSA3NS40NjAyIDcuNjc3NzNDNzUuNDYwMiA4Ljc0NDA4IDc1LjI2MTEgOS43NDY1IDc0Ljg2MzEgMTAuNjg0OUM3NC40NzkyIDExLjYwOTEgNzMuOTM4OSAxMi40MTk0IDczLjI0MjMgMTMuMTE2MUM3Mi41NTk5IDEzLjgxMjggNzEuNzU2NyAxNC4zNjAzIDcwLjgzMjYgMTQuNzU4NEM2OS45MjI4IDE1LjE1NjUgNjguOTQxNyAxNS4zNTU0IDY3Ljg4OTcgMTUuMzU1NUM2Ni44MjM1IDE1LjM1NTUgNjUuODI4MiAxNS4xNTY1IDY0LjkwNDIgMTQuNzU4NEM2My45ODAxIDE0LjM2MDMgNjMuMTY5NiAxMy44MTI4IDYyLjQ3MyAxMy4xMTYxQzYxLjc3NjQgMTIuNDA1MiA2MS4yMjkgMTEuNTg3NyA2MC44MzEgMTAuNjYzNUM2MC40NDcxIDkuNzI1MTQgNjAuMjU1MiA4LjcyMjggNjAuMjU1MiA3LjY1NjQ4QzYwLjI1NTIgNi41OTAxNCA2MC40NDcxIDUuNTk0ODYgNjAuODMxIDQuNjcwN0M2MS4yMjkgMy43NDY1MyA2MS43NjkzIDIuOTM2MDIgNjIuNDUxOCAyLjIzOTM0QzYzLjE0ODQgMS41Mjg0NiA2My45NTE3IDAuOTgxMDYyIDY0Ljg2MTUgMC41OTcxODRDNjUuNzg1NiAwLjE5OTA5OSA2Ni43ODA4IDAgNjcuODQ3MSAwWk02Ny44NDcxIDIuMzQ1OTdDNjYuODUxOSAyLjM0NTk3IDY1Ljk3MDQgMi41NzM1NyA2NS4yMDI3IDMuMDI4NTVDNjQuNDQ5MiAzLjQ2OTMgNjMuODUyMSA0LjA4Nzc3IDYzLjQxMTQgNC44ODM5N0M2Mi45ODQ5IDUuNjgwMTggNjIuNzcxNiA2LjYwNDM1IDYyLjc3MTYgNy42NTY0OEM2Mi43NzE2IDguNDM4NDYgNjIuODkyNSA5LjE2MzU3IDYzLjEzNDEgOS44MzE4MUM2My4zOSAxMC40ODU4IDYzLjczODMgMTEuMDQ3NCA2NC4xNzkgMTEuNTE2NkM2NC42MzQgMTEuOTg1OCA2NS4xNzQzIDEyLjM1NTYgNjUuNzk5OCAxMi42MjU3QzY2LjQyNTMgMTIuODgxNiA2Ny4xMDc4IDEzLjAwOTUgNjcuODQ3MSAxMy4wMDk1QzY4Ljg1NjUgMTMuMDA5NSA2OS43Mzc5IDEyLjc4MiA3MC40OTE0IDEyLjMyN0M3MS4yNTkxIDExLjg3MjEgNzEuODU2MSAxMS4yNDY0IDcyLjI4MjYgMTAuNDUwMkM3Mi43MjMzIDkuNjM5ODIgNzIuOTQzOCA4LjcwODU5IDcyLjk0MzggNy42NTY0OEM3Mi45NDM4IDYuODc0NSA3Mi44MTU4IDYuMTYzNTkgNzIuNTU5OSA1LjUyMzc4QzcyLjMxODIgNC44Njk3NSA3MS45Njk5IDQuMzA4MDYgNzEuNTE1IDMuODM4ODZDNzEuMDYwMSAzLjM1NTQ1IDcwLjUxOTggMi45ODU4MSA2OS44OTQyIDIuNzI5ODlDNjkuMjgyOSAyLjQ3Mzk3IDY4LjYwMDUgMi4zNDU5OCA2Ny44NDcxIDIuMzQ1OTdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuNjIyMSAwLjIxMzI3TDIwLjI3MzIgOS41MTYyMUwyNS45MjQ1IDAuMjEzMjdIMjcuNjMwNlYxNS4xNDIySDI1LjE3ODJWNS41ODE4MkwyMS4xMjYzIDEyLjI0MThIMTkuNDIwM0wxNS4zNjg1IDUuNTgyMVYxNS4xNDIySDEyLjkxNjFWMC4yMTMyN0gxNC42MjIxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM4LjIyNDggOS41MTYyMUw0My44NzYxIDAuMjEzMjdINDUuNTgyMVYxNS4xNDIySDQzLjEyOTdWNS41ODE4MkwzOS4wNzc5IDEyLjI0MThIMzcuMzcxOUwzMy4zMjAxIDUuNTgyMVYxNS4xNDIySDMwLjg2NzdWMC4yMTMyN0gzMi41NzM3TDM4LjIyNDggOS41MTYyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01OS44ODcgMC4yMTMyN1YyLjQ1MjYxSDU1LjAyNDhWMTUuMTQyMkg1Mi41NzI0VjIuNDUyNjFINDcuNzEwMlYwLjIxMzI3SDU5Ljg4N1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9nPgo8L3N2Zz4K");
}

.home-hero__note-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ3OTEgMTAuODMzNEgzLjMzMzI4VjkuMTY2NzhIMTMuNDc5MUw4LjgxMjQ0IDQuNTAwMTJMOS45OTk5NCAzLjMzMzQ1TDE2LjY2NjYgMTAuMDAwMUw5Ljk5OTk0IDE2LjY2NjhMOC44MTI0NCAxNS41MDAxTDEzLjQ3OTEgMTAuODMzNFoiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPgo8L3N2Zz4=");
}

.guest-shell__social--telegram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMCA3LjM5NjQ4QzguNTY2NDEgNy4zOTY0OCA3LjM5NjQ4IDguNTY2NDEgNy4zOTY0OCAxMEM3LjM5NjQ4IDExLjQzMzYgOC41NjY0MSAxMi42MDM1IDEwIDEyLjYwMzVDMTEuNDMzNiAxMi42MDM1IDEyLjYwMzUgMTEuNDMzNiAxMi42MDM1IDEwQzEyLjYwMzUgOC41NjY0MSAxMS40MzM2IDcuMzk2NDggMTAgNy4zOTY0OFpNMTcuODA4NiAxMEMxNy44MDg2IDguOTIxODcgMTcuODE4NCA3Ljg1MzUyIDE3Ljc1NzggNi43NzczNEMxNy42OTczIDUuNTI3MzQgMTcuNDEyMSA0LjQxNzk3IDE2LjQ5OCAzLjUwMzkxQzE1LjU4MiAyLjU4Nzg5IDE0LjQ3NDYgMi4zMDQ2OSAxMy4yMjQ2IDIuMjQ0MTRDMTIuMTQ2NSAyLjE4MzU5IDExLjA3ODEgMi4xOTMzNiAxMC4wMDIgMi4xOTMzNkM4LjkyMzgzIDIuMTkzMzYgNy44NTU0NyAyLjE4MzU5IDYuNzc5MyAyLjI0NDE0QzUuNTI5MyAyLjMwNDY5IDQuNDE5OTIgMi41ODk4NCAzLjUwNTg2IDMuNTAzOTFDMi41ODk4NCA0LjQxOTkyIDIuMzA2NjQgNS41MjczNCAyLjI0NjA5IDYuNzc3MzRDMi4xODU1NSA3Ljg1NTQ3IDIuMTk1MzEgOC45MjM4MyAyLjE5NTMxIDEwQzIuMTk1MzEgMTEuMDc2MiAyLjE4NTU1IDEyLjE0NjUgMi4yNDYwOSAxMy4yMjI3QzIuMzA2NjQgMTQuNDcyNyAyLjU5MTggMTUuNTgyIDMuNTA1ODYgMTYuNDk2MUM0LjQyMTg3IDE3LjQxMjEgNS41MjkzIDE3LjY5NTMgNi43NzkzIDE3Ljc1NTlDNy44NTc0MiAxNy44MTY0IDguOTI1NzggMTcuODA2NiAxMC4wMDIgMTcuODA2NkMxMS4wODAxIDE3LjgwNjYgMTIuMTQ4NCAxNy44MTY0IDEzLjIyNDYgMTcuNzU1OUMxNC40NzQ2IDE3LjY5NTMgMTUuNTg0IDE3LjQxMDIgMTYuNDk4IDE2LjQ5NjFDMTcuNDE0MSAxNS41ODAxIDE3LjY5NzMgMTQuNDcyNyAxNy43NTc4IDEzLjIyMjdDMTcuODIwMyAxMi4xNDY1IDE3LjgwODYgMTEuMDc4MSAxNy44MDg2IDEwWk0xMCAxNC4wMDU5QzcuNzgzMiAxNC4wMDU5IDUuOTk0MTQgMTIuMjE2OCA1Ljk5NDE0IDEwQzUuOTk0MTQgNy43ODMyIDcuNzgzMiA1Ljk5NDE0IDEwIDUuOTk0MTRDMTIuMjE2OCA1Ljk5NDE0IDE0LjAwNTkgNy43ODMyIDE0LjAwNTkgMTBDMTQuMDA1OSAxMi4yMTY4IDEyLjIxNjggMTQuMDA1OSAxMCAxNC4wMDU5Wk0xNC4xNjk5IDYuNzY1NjJDMTMuNjUyMyA2Ljc2NTYyIDEzLjIzNDQgNi4zNDc2NiAxMy4yMzQ0IDUuODMwMDhDMTMuMjM0NCA1LjMxMjUgMTMuNjUyMyA0Ljg5NDUzIDE0LjE2OTkgNC44OTQ1M0MxNC42ODc1IDQuODk0NTMgMTUuMTA1NSA1LjMxMjUgMTUuMTA1NSA1LjgzMDA4QzE1LjEwNTYgNS45NTI5OCAxNS4wODE1IDYuMDc0NyAxNS4wMzQ2IDYuMTg4MjhDMTQuOTg3NiA2LjMwMTg1IDE0LjkxODcgNi40MDUwNSAxNC44MzE4IDYuNDkxOTVDMTQuNzQ0OSA2LjU3ODg2IDE0LjY0MTcgNi42NDc3NiAxNC41MjgxIDYuNjk0NzJDMTQuNDE0NSA2Ljc0MTY5IDE0LjI5MjggNi43NjU3OCAxNC4xNjk5IDYuNzY1NjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPg==");
}

.guest-shell__social--instagram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xOC4zODQ4IDUuNzgzMkMxOC4yODUxIDUuNDEyMTggMTguMDg5OCA1LjA3Mzg0IDE3LjgxODQgNC44MDIwMkMxNy41NDY5IDQuNTMwMjEgMTcuMjA4OCA0LjMzNDQ2IDE2LjgzNzkgNC4yMzQzOEMxNS40NzI3IDMuODY3MTkgMTAgMy44NjcxOSAxMCAzLjg2NzE5QzEwIDMuODY3MTkgNC41MjczNCAzLjg2NzE5IDMuMTYyMTEgNC4yMzI0MkMyLjc5MTA2IDQuMzMyMTkgMi40NTI3OCA0LjUyNzgyIDIuMTgxMjYgNC43OTk2OUMxLjkwOTc0IDUuMDcxNTUgMS43MTQ1MyA1LjQxMDA3IDEuNjE1MjMgNS43ODEyNUMxLjI1IDcuMTQ4NDQgMS4yNSAxMCAxLjI1IDEwQzEuMjUgMTAgMS4yNSAxMi44NTE2IDEuNjE1MjMgMTQuMjE2OEMxLjgxNjQxIDE0Ljk3MDcgMi40MTAxNiAxNS41NjQ1IDMuMTYyMTEgMTUuNzY1NkM0LjUyNzM0IDE2LjEzMjggMTAgMTYuMTMyOCAxMCAxNi4xMzI4QzEwIDE2LjEzMjggMTUuNDcyNyAxNi4xMzI4IDE2LjgzNzkgMTUuNzY1NkMxNy41OTE4IDE1LjU2NDUgMTguMTgzNiAxNC45NzA3IDE4LjM4NDggMTQuMjE2OEMxOC43NSAxMi44NTE2IDE4Ljc1IDEwIDE4Ljc1IDEwQzE4Ljc1IDEwIDE4Ljc1IDcuMTQ4NDQgMTguMzg0OCA1Ljc4MzJaTTguMjYxNzIgMTIuNjE3MlY3LjM4MjgxTDEyLjc5MyA5Ljk4MDQ3TDguMjYxNzIgMTIuNjE3MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+");
}

.guest-shell__social--x {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE1LjYyNSIgaGVpZ2h0PSIxNS42MjUiIHZpZXdCb3g9IjAgMCAxNS42MjUgMTUuNjI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iR3JvdXAiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMS43MzYzMyAwLjVIMTMuODg4N0MxNC41NzEzIDAuNSAxNS4xMjUgMS4wNTM3IDE1LjEyNSAxLjczNjMzVjEzLjg4ODdDMTUuMTI1IDE0LjU3MTMgMTQuNTcxMyAxNS4xMjUgMTMuODg4NyAxNS4xMjVIMS43MzYzM0MxLjA1MzY4IDE1LjEyNSAwLjUgMTQuNTcxMyAwLjUgMTMuODg4N1YxLjczNjMzQzAuNSAxLjA1MzY4IDEuMDUzNyAwLjUgMS43MzYzMyAwLjVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xMi4yNjU2IDEyLjE2OEg5LjQ3MTUyTDMuMzk4NDQgMy40OTYwOUg2LjE5MjU0TDEyLjI2NTYgMTIuMTY4Wk05LjgwNDQ1IDExLjQzMjZIMTAuOTE3TDUuODU5NjMgNC4yMzE0NUg0Ljc0NzEzTDkuODA0NDUgMTEuNDMyNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGlkPSJWZWN0b3JfMyIgZD0iTTQuMjgzMTQgMTIuMTY4TDcuNDAyMzQgOC41NDk0Nkw2Ljk5NDQyIDguMDA3ODFMMy4zOTg0NCAxMi4xNjhINC4yODMxNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGlkPSJWZWN0b3JfNCIgZD0iTTcuOTg4MjggNi44MDQ0NEw4LjM4MzA3IDcuMzYzMjhMMTEuNzc3MyAzLjQ1NzAzSDEwLjkwNDlMNy45ODgyOCA2LjgwNDQ0WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=");
}

.guest-shell__social--youtube {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE3LjUiIGhlaWdodD0iMTcuNSIgdmlld0JveD0iMCAwIDE3LjUgMTcuNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguNzA5MTcgMi4zODE5NWUtMDVDNi4zOTU2MSAwLjAxMDgyMDYgNC4xODA0OCAwLjkzNzQ1NyAyLjU0ODM2IDIuNTc3MjNDMC45MTYyNCA0LjIxNzAxIC0yLjUxOTJlLTA1IDYuNDM2NDQgNS4xOTQ4NGUtMTAgOC43NTAwMkM1LjE5NDg4ZS0xMCAxMS4wNzA3IDAuOTIxODcyIDEzLjI5NjMgMi41NjI4MiAxNC45MzcyQzQuMjAzNzYgMTYuNTc4MiA2LjQyOTM2IDE3LjUgOC43NSAxNy41QzExLjA3MDYgMTcuNSAxMy4yOTYyIDE2LjU3ODIgMTQuOTM3MiAxNC45MzcyQzE2LjU3ODEgMTMuMjk2MyAxNy41IDExLjA3MDcgMTcuNSA4Ljc1MDAyQzE3LjUgNi40MjkzOCAxNi41NzgxIDQuMjAzNzggMTQuOTM3MiAyLjU2Mjg0QzEzLjI5NjIgMC45MjE4OTYgMTEuMDcwNiAyLjM4MTk1ZS0wNSA4Ljc1IDIuMzgxOTVlLTA1QzguNzM2MzkgLTcuOTM5ODNlLTA2IDguNzIyNzggLTcuOTM5ODNlLTA2IDguNzA5MTcgMi4zODE5NWUtMDVaTTEyLjMyNzMgNS4yNjc1MkMxMi40MDAyIDUuMjY2MDcgMTIuNTYxNCA1LjI4NDI5IDEyLjY2NjQgNS4zNjk2MUMxMi43MzYxIDUuNDMwMiAxMi43ODA2IDUuNTE0NzcgMTIuNzkxIDUuNjA2NTlDMTIuODAyNyA1LjY3NDQgMTIuODE3MyA1LjgyOTcxIDEyLjgwNTYgNS45NTA3NUMxMi42NzQ0IDcuMzM0NzEgMTIuMTA0MiAxMC42OTE4IDExLjgxNCAxMi4yNDEzQzExLjY5MTUgMTIuODk3NSAxMS40NTAxIDEzLjExNyAxMS4yMTYgMTMuMTM4MUMxMC43MDg1IDEzLjE4NTUgMTAuMzIyOCAxMi44MDI3IDkuODMwNjMgMTIuNDgwNEM5LjA2MDYzIDExLjk3NTEgOC42MjUzMSAxMS42NjA5IDcuODc3OTIgMTEuMTY3OUM3LjAxMzg1IDEwLjU5OTIgNy41NzM4NSAxMC4yODU2IDguMDY2MDQgOS43NzUyM0M4LjE5NTEgOS42NDEwNiAxMC40MzM2IDcuNjA0NSAxMC40Nzc0IDcuNDIwMDJDMTAuNDgyNSA3LjM5NjY5IDEwLjQ4NzYgNy4zMTA2NSAxMC40MzY2IDcuMjY1NDRDMTAuMzg1NSA3LjIyMDIzIDEwLjMwOTcgNy4yMzU1NCAxMC4yNTUgNy4yNDc5NEMxMC4xNzc3IDcuMjY1NDQgOC45NDc2IDguMDc5MTkgNi41NjQ2OSA5LjY4N0M2LjIxNDY5IDkuOTI3NjMgNS44OTg5NiAxMC4wNDQzIDUuNjE1MzEgMTAuMDM3QzUuMzAzMjMgMTAuMDMxMiA0LjcwMjQgOS44NjEyNyA0LjI1NTQyIDkuNzE2MTdDMy43MDcwOCA5LjUzNzUyIDMuMjcxNzcgOS40NDM0NiAzLjMwOTY5IDkuMTQwODZDMy4zMjkzOCA4Ljk4MzM2IDMuNTQ2NjcgOC44MjIyMSAzLjk2MDgzIDguNjU3NDJDNi41MTE0NiA3LjU0NjE3IDguMjExODggNi44MTMzNiA5LjA2MzU0IDYuNDU5NzFDMTEuNDkzMSA1LjQ0OTA5IDExLjk5ODQgNS4yNzMzNiAxMi4zMjczIDUuMjY3NTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPg==");
}

.guest-shell__live-chat-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJtZXNzYWdlLWNpcmNsZSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTApIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIuNTcwODEgMTQuNTkwOEMyLjY0MjMgMTQuMjY2MSAyLjYxNTAyIDEzLjkyNzQgMi40OTI0NyAxMy42MTgzQzEuNjM5NzEgMTEuODQ4OSAxLjQzOTI3IDkuODM1MjggMS45MjY1MSA3LjkzMjU2QzIuNDEzNzQgNi4wMjk4NSAzLjU1NzM1IDQuMzYwMzUgNS4xNTU1NSAzLjIxODY0QzYuNzUzNzYgMi4wNzY5MyA4LjcwMzg1IDEuNTM2MzYgMTAuNjYxOCAxLjY5MjMzQzEyLjYxOTcgMS44NDgyOSAxNC40NTk2IDIuNjkwNzUgMTUuODU2OSA0LjA3MTA4QzE3LjI1NDIgNS40NTE0MSAxOC4xMTkxIDcuMjgwODkgMTguMjk5IDkuMjM2NzVDMTguNDc4OCAxMS4xOTI2IDE3Ljk2MjEgMTMuMTQ5MSAxNi44NCAxNC43NjEyQzE1LjcxNzkgMTYuMzczMiAxNC4wNjI1IDE3LjUzNzEgMTIuMTY1OSAxOC4wNDc1QzEwLjI2OTIgMTguNTU4IDguMjUzMjUgMTguMzgyMSA2LjQ3MzYyIDE3LjU1MTFDNi4xODE1NCAxNy40NDAyIDUuODY0MTcgMTcuNDEzNiA1LjU1NzcyIDE3LjQ3NDRMMi43MTMzMyAxOC4zMDYxQzIuNTc2MTIgMTguMzQyNSAyLjQzMTg4IDE4LjM0MzMgMi4yOTQyOSAxOC4zMDgzQzIuMTU2NzEgMTguMjczNCAyLjAzMDMzIDE4LjIwMzggMS45MjcxNSAxOC4xMDYzQzEuODIzOTcgMTguMDA4OCAxLjc0NzQxIDE3Ljg4NjYgMS43MDQ3MyAxNy43NTEyQzEuNjYyMDQgMTcuNjE1OCAxLjY1NDY1IDE3LjQ3MTggMS42ODMyNCAxNy4zMzI3TDIuNTcwODEgMTQuNTkwOFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF8xMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=");
}

.home-services-overview__icon--channel-views {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJleWUiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzEwKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjY2NjQ4IDguMTY2NzZDNC42NjY0OCA4LjE2Njc2IDUuNTQxNTUgOS4zMzM1MiA3IDkuMzMzNTJDOC40NTg0NSA5LjMzMzUyIDkuMzMzNTIgOC4xNjY3NiA5LjMzMzUyIDguMTY2NzZNNS4yNDk4NiA1LjI0OTg2SDUuMjU1NjlNOC43NTAxNCA1LjI0OTg2SDguNzU1OTdNMTIuODMzOCA3QzEyLjgzMzggMTAuMjIxOSAxMC4yMjE5IDEyLjgzMzggNyAxMi44MzM4QzMuNzc4MDggMTIuODMzOCAxLjE2NjIgMTAuMjIxOSAxLjE2NjIgN0MxLjE2NjIgMy43NzgwOCAzLjc3ODA4IDEuMTY2MiA3IDEuMTY2MkMxMC4yMjE5IDEuMTY2MiAxMi44MzM4IDMuNzc4MDggMTIuODMzOCA3WiIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfMTAiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}

.home-services-overview__icon--telegram-members {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1c2VycyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTQpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTkuMzMzNTIgMTIuMjVWMTEuMDgzM0M5LjMzMzUyIDEwLjQ2NDUgOS4wODc2NyA5Ljg3MSA4LjY1MDA1IDkuNDMzNDJDOC4yMTI0MyA4Ljk5NTgzIDcuNjE4ODkgOC43NSA3IDguNzVIMy40OTk3MkMyLjg4MDgzIDguNzUgMi4yODcyOSA4Ljk5NTgzIDEuODQ5NjcgOS40MzM0MkMxLjQxMjA1IDkuODcxIDEuMTY2MiAxMC40NjQ1IDEuMTY2MiAxMS4wODMzVjEyLjI1TTkuMzMzNTIgMS44MjQ2M0M5LjgzMzkyIDEuOTU0MzQgMTAuMjc3MSAyLjI0NjUzIDEwLjU5MzQgMi42NTUzM0MxMC45MDk4IDMuMDY0MTMgMTEuMDgxNCAzLjU2NjM5IDExLjA4MTQgNC4wODMyOUMxMS4wODE0IDQuNjAwMTkgMTAuOTA5OCA1LjEwMjQ2IDEwLjU5MzQgNS41MTEyNkMxMC4yNzcxIDUuOTIwMDUgOS44MzM5MiA2LjIxMjI0IDkuMzMzNTIgNi4zNDE5Nk0xMi44MzM4IDEyLjI0OTlWMTEuMDgzM0MxMi44MzM0IDEwLjU2NjMgMTIuNjYxMyAxMC4wNjQgMTIuMzQ0NiA5LjY1NTQ1QzEyLjAyNzggOS4yNDY4NSAxMS41ODQzIDguOTU1MDEgMTEuMDgzNyA4LjgyNTc2TTcuNTgzMzggNC4wODMzM0M3LjU4MzM4IDUuMzcyIDYuNTM4NjMgNi40MTY2NyA1LjI0OTg2IDYuNDE2NjdDMy45NjEwOSA2LjQxNjY3IDIuOTE2MzQgNS4zNzIgMi45MTYzNCA0LjA4MzMzQzIuOTE2MzQgMi43OTQ2NyAzLjk2MTA5IDEuNzUgNS4yNDk4NiAxLjc1QzYuNTM4NjMgMS43NSA3LjU4MzM4IDIuNzk0NjcgNy41ODMzOCA0LjA4MzMzWiIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfMTQiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}

.home-services-overview__icon--telegram-premium {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS43MTgxIDkuNzEwODJDMS42NDg2NSA5Ljg5NzkyIDEuNjQ4NjUgMTAuMTAzNyAxLjcxODEgMTAuMjkwOEMyLjM5NDUyIDExLjkzMDkgMy41NDI3IDEzLjMzMzMgNS4wMTcwOCAxNC4zMjAxQzYuNDkxNDYgMTUuMzA2OSA4LjIyNTY0IDE1LjgzMzYgOS45OTk3NyAxNS44MzM2QzExLjc3MzkgMTUuODMzNiAxMy41MDgxIDE1LjMwNjkgMTQuOTgyNSAxNC4zMjAxQzE2LjQ1NjggMTMuMzMzMyAxNy42MDUgMTEuOTMwOSAxOC4yODE0IDEwLjI5MDhDMTguMzUwOSAxMC4xMDM3IDE4LjM1MDkgOS44OTc5MiAxOC4yODE0IDkuNzEwODJDMTcuNjA1IDguMDcwNyAxNi40NTY4IDYuNjY4MzUgMTQuOTgyNSA1LjY4MTU3QzEzLjUwODEgNC42OTQ3OCAxMS43NzM5IDQuMTY4IDkuOTk5NzcgNC4xNjhDOC4yMjU2NCA0LjE2OCA2LjQ5MTQ2IDQuNjk0NzggNS4wMTcwOCA1LjY4MTU3QzMuNTQyNyA2LjY2ODM1IDIuMzk0NTIgOC4wNzA3IDEuNzE4MSA5LjcxMDgyWiIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjMiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
}

.home-services-overview__icon--post-reactions {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJoZWFydCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfOCkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMS43NSA3QzEuNzUgNS42MDc2MSAyLjMwMzEyIDQuMjcyMjYgMy4yODc2OSAzLjI4NzY5QzQuMjcyMjYgMi4zMDMxMiA1LjYwNzYxIDEuNzUgNyAxLjc1QzguNDY3NjkgMS43NTU1MiA5Ljg3NjQzIDIuMzI4MjEgMTAuOTMxNyAzLjM0ODMzTDEyLjI1IDQuNjY2NjdNOS4zMzMzMyA0LjY2NjY3SDEyLjI1VjEuNzVNMTIuMjUgN0MxMi4yNSA4LjM5MjM5IDExLjY5NjkgOS43Mjc3NCAxMC43MTIzIDEwLjcxMjNDOS43Mjc3NCAxMS42OTY5IDguMzkyMzkgMTIuMjUgNyAxMi4yNUM1LjUzMjMxIDEyLjI0NDUgNC4xMjM1NyAxMS42NzE4IDMuMDY4MzMgMTAuNjUxN0wxLjc1IDkuMzMzMzNNMS43NSAxMi4yNVY5LjMzMzMzSDQuNjY2NjciIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzgiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}

.home-services-overview__icon--bot-start {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJib3QiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNyA0LjY2NjlWMi4zMzM4SDQuNjY2NDhNMS4xNjYyIDguMTY2NTVIMi4zMzI5Nk0xMS42NjcgOC4xNjY1NUgxMi44MzM4TTguNzUwMTQgNy41ODMyN1Y4Ljc0OTgyTTUuMjQ5ODYgNy41ODMyN1Y4Ljc0OTgyTTMuNDk5NzIgNC42NjY5SDEwLjUwMDNDMTEuMTQ0NyA0LjY2NjkgMTEuNjY3IDUuMTg5MTggMTEuNjY3IDUuODMzNDVWMTAuNDk5NkMxMS42NjcgMTEuMTQzOSAxMS4xNDQ3IDExLjY2NjIgMTAuNTAwMyAxMS42NjYySDMuNDk5NzJDMi44NTUzNCAxMS42NjYyIDIuMzMyOTYgMTEuMTQzOSAyLjMzMjk2IDEwLjQ5OTZWNS44MzM0NUMyLjMzMjk2IDUuMTg5MTggMi44NTUzNCA0LjY2NjkgMy40OTk3MiA0LjY2NjlaIiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
}

.home-services-overview__icon--api-access {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjb2RlIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMF80KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjAyMTc4IDguMDc3NDdDMi4xMTUyNyA4LjEzNjE2IDIuMjIzNDggOC4xNjcxMSAyLjMzMzg2IDguMTY2NzRINi40MTY3M0M2LjUxMTA4IDguMTY2NDMgNi42MDQwOSA4LjE4OTAyIDYuNjg3NzkgOC4yMzI1NkM2Ljc3MTQ5IDguMjc2MTEgNi44NDMzOCA4LjMzOTMxIDYuODk3MjkgOC40MTY3NUM2Ljk1MTIgOC40OTQxOSA2Ljk4NTUzIDguNTgzNTYgNi45OTczMiA4LjY3NzE4QzcuMDA5MTIgOC43NzA4IDYuOTk4MDMgOC44NjU4OSA2Ljk2NSA4Ljk1NDI4TDUuODQ1MTMgMTIuNDY2MkM1LjgyNzU5IDEyLjUzIDUuODMyMjUgMTIuNTk3OCA1Ljg1ODM1IDEyLjY1ODZDNS44ODQ0NSAxMi43MTk0IDUuOTMwNDQgMTIuNzY5NSA1Ljk4ODc3IDEyLjgwMDdDNi4wNDcxIDEyLjgzMTkgNi4xMTQzMSAxMi44NDI0IDYuMTc5MzUgMTIuODMwM0M2LjI0NDQgMTIuODE4MyA2LjMwMzQzIDEyLjc4NDUgNi4zNDY3NCAxMi43MzQ1TDEyLjEyMTEgNi43ODQxNUMxMi4xOTA2IDYuNjk4NDIgMTIuMjM0NCA2LjU5NDcyIDEyLjI0NzQgNi40ODUwOUMxMi4yNjAzIDYuMzc1NDUgMTIuMjQxOSA2LjI2NDQgMTIuMTk0MyA2LjE2NDgyQzEyLjE0NjYgNi4wNjUyNCAxMi4wNzE3IDUuOTgxMjIgMTEuOTc4MiA1LjkyMjUzQzExLjg4NDcgNS44NjM4NCAxMS43NzY1IDUuODMyODkgMTEuNjY2MSA1LjgzMzI2SDcuNTgzMjdDNy40ODg5MiA1LjgzMzU3IDcuMzk1OTEgNS44MTA5OCA3LjMxMjIxIDUuNzY3NDRDNy4yMjg1MSA1LjcyMzg5IDcuMTU2NjIgNS42NjA2OSA3LjEwMjcxIDUuNTgzMjVDNy4wNDg4IDUuNTA1ODEgNy4wMTQ0NyA1LjQxNjQ0IDcuMDAyNjggNS4zMjI4MkM2Ljk5MDg4IDUuMjI5MiA3LjAwMTk4IDUuMTM0MTEgNy4wMzUgNS4wNDU3Mkw4LjE1NDg3IDEuNTMzODRDOC4xNzI0MSAxLjQ3MDA1IDguMTY3NzUgMS40MDIxOSA4LjE0MTY1IDEuMzQxMzlDOC4xMTU1NSAxLjI4MDYgOC4wNjk1NiAxLjIzMDQ5IDguMDExMjMgMS4xOTkyOEM3Ljk1MjkgMS4xNjgwOCA3Ljg4NTY5IDEuMTU3NjMgNy44MjA2NSAxLjE2OTY2QzcuNzU1NiAxLjE4MTY5IDcuNjk2NTggMS4yMTU0OSA3LjY1MzI2IDEuMjY1NDlMMS44Nzg5MSA3LjIxNTg1QzEuODA5MzcgNy4zMDE1OCAxLjc2NTU4IDcuNDA1MjggMS43NTI2MyA3LjUxNDkyQzEuNzM5NjggNy42MjQ1NSAxLjc1ODA5IDcuNzM1NiAxLjgwNTc0IDcuODM1MThDMS44NTMzOCA3LjkzNDc2IDEuOTI4MyA4LjAxODc4IDIuMDIxNzggOC4wNzc0N1oiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzQiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}

/* Auto-generated SVG data-URIs — do not edit by hand */
.guest-shell__drawer-close-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ4LWNpcmNsZSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfNzUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMDIgNS45OTk4NEw1Ljk5OTg0IDEwLjAwMDJNNS45OTk4NCA1Ljk5OTg0TDEwLjAwMDIgMTAuMDAwMk0xNC42NjcyIDhDMTQuNjY3MiAxMS42ODIyIDExLjY4MjIgMTQuNjY3MiA4IDE0LjY2NzJDNC4zMTc4MSAxNC42NjcyIDEuMzMyOCAxMS42ODIyIDEuMzMyOCA4QzEuMzMyOCA0LjMxNzgxIDQuMzE3ODEgMS4zMzI4IDggMS4zMzI4QzExLjY4MjIgMS4zMzI4IDE0LjY2NzIgNC4zMTc4MSAxNC42NjcyIDhaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfNzUiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.guest-shell__drawer-dot-img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDggOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBpZD0iRWxsaXBzZSIgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSIjMUQ0RUQ4Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.guest-shell__drawer-chevron-img--idle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUuMjUgMTAuNUw4Ljc1IDdMNS4yNSAzLjUiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.guest-shell__drawer-chevron-img--active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUuMjUgMTAuNUw4Ljc1IDdMNS4yNSAzLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.guest-shell__drawer-cta-arrow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhcnJvdy1yaWdodCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjcwNzkgNi41SDEwLjI5MjFNNi41IDEwLjI5MjFMMTAuMjkyMSA2LjVMNi41IDIuNzA3OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Dashboard / auth icons */
.pp-icon--sidebar-globe {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJnbG9iZSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfMTI4KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNC42NjcyIDhDMTQuNjY3MiAxMS42ODIyIDExLjY4MjIgMTQuNjY3MiA4IDE0LjY2NzJNMTQuNjY3MiA4QzE0LjY2NzIgNC4zMTc4MSAxMS42ODIyIDEuMzMyOCA4IDEuMzMyOE0xNC42NjcyIDhIMS4zMzI4TTggMTQuNjY3MkM0LjMxNzgxIDE0LjY2NzIgMS4zMzI4IDExLjY4MjIgMS4zMzI4IDhNOCAxNC42NjcyQzYuMjg4MDIgMTIuODY5NiA1LjMzMzEyIDEwLjQ4MjQgNS4zMzMxMiA4QzUuMzMzMTIgNS41MTc2MyA2LjI4ODAyIDMuMTMwMzggOCAxLjMzMjhNOCAxNC42NjcyQzkuNzExOTggMTIuODY5NiAxMC42NjY5IDEwLjQ4MjQgMTAuNjY2OSA4QzEwLjY2NjkgNS41MTc2MyA5LjcxMTk4IDMuMTMwMzggOCAxLjMzMjhNOCAxLjMzMjhDNC4zMTc4MSAxLjMzMjggMS4zMzI4IDQuMzE3ODEgMS4zMzI4IDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF8xMjgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--sidebar-lang-chevron {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLWRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMy41IDUuMjVMNyA4Ljc1TDEwLjUgNS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--sidebar-close {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ4LWNpcmNsZSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfNDcpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMDIgNS45OTk4NEw1Ljk5OTg0IDEwLjAwMDJNNS45OTk4NCA1Ljk5OTg0TDEwLjAwMDIgMTAuMDAwMk0xNC42NjcyIDhDMTQuNjY3MiAxMS42ODIyIDExLjY4MjIgMTQuNjY3MiA4IDE0LjY2NzJDNC4zMTc4MSAxNC42NjcyIDEuMzMyOCAxMS42ODIyIDEuMzMyOCA4QzEuMzMyOCA0LjMxNzgxIDQuMzE3ODEgMS4zMzI4IDggMS4zMzI4QzExLjY4MjIgMS4zMzI4IDE0LjY2NzIgNC4zMTc4MSAxNC42NjcyIDhaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfNDciPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--nav-chevron-muted {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUuMjUgMTAuNUw4Ljc1IDdMNS4yNSAzLjUiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--nav-chevron-right {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUuMjUgMTAuNUw4Ljc1IDdMNS4yNSAzLjUiIHN0cm9rZT0iI0Y4RkFGQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--nav-logout {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDUuMjVMMTUuNzUgOUwxMiAxMi43NU0xNS43NSA5SDYuNzVNNi43NSAxNS43NUgzLjc1QzMuMzUyMTggMTUuNzUgMi45NzA2NCAxNS41OTIgMi42ODkzNCAxNS4zMTA3QzIuNDA4MDQgMTUuMDI5NCAyLjI1IDE0LjY0NzggMi4yNSAxNC4yNVYzLjc1QzIuMjUgMy4zNTIxOCAyLjQwODA0IDIuOTcwNjQgMi42ODkzNCAyLjY4OTM0QzIuOTcwNjQgMi40MDgwNCAzLjM1MjE4IDIuMjUgMy43NSAyLjI1SDYuNzUiIHN0cm9rZT0iIzk0YTNiOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--nav-settings {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNldHRpbmdzIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcuMjUyOTIgMy4xMDI3M0M3LjI5NDI0IDIuNjY3OTggNy40OTYxNyAyLjI2NDI2IDcuODE5MjUgMS45NzA0NEM4LjE0MjMyIDEuNjc2NjIgOC41NjMzNCAxLjUxMzggOS4wMDAwNCAxLjUxMzhDOS40MzY3NSAxLjUxMzggOS44NTc3NyAxLjY3NjYyIDEwLjE4MDggMS45NzA0NEMxMC41MDM5IDIuMjY0MjYgMTAuNzA1OCAyLjY2Nzk4IDEwLjc0NzIgMy4xMDI3M0MxMC43NzIgMy4zODM1NyAxMC44NjQxIDMuNjU0MjkgMTEuMDE1OCAzLjg5MTk4QzExLjE2NzQgNC4xMjk2OCAxMS4zNzQxIDQuMzI3MzQgMTEuNjE4MyA0LjQ2ODI0QzExLjg2MjUgNC42MDkxNCAxMi4xMzcgNC42ODkxMyAxMi40MTg3IDQuNzAxNDVDMTIuNzAwNCA0LjcxMzc2IDEyLjk4MDkgNC42NTgwMyAxMy4yMzY0IDQuNTM4OThDMTMuNjMzMyA0LjM1ODgxIDE0LjA4MjkgNC4zMzI3NCAxNC40OTc5IDQuNDY1ODRDMTQuOTEyOSA0LjU5ODk0IDE1LjI2MzUgNC44ODE2OSAxNS40ODE2IDUuMjU5MDZDMTUuNjk5NiA1LjYzNjQyIDE1Ljc2OTQgNi4wODE0MSAxNS42Nzc0IDYuNTA3NDFDMTUuNTg1NCA2LjkzMzQxIDE1LjMzODIgNy4zMDk5NCAxNC45ODM5IDcuNTYzNzNDMTQuNzUzMiA3LjcyNTYyIDE0LjU2NDkgNy45NDA2OSAxNC40MzQ5IDguMTkwNzVDMTQuMzA0OCA4LjQ0MDgxIDE0LjIzNyA4LjcxODUxIDE0LjIzNyA5LjAwMDM2QzE0LjIzNyA5LjI4MjIgMTQuMzA0OCA5LjU1OTkgMTQuNDM0OSA5LjgwOTk2QzE0LjU2NDkgMTAuMDYgMTQuNzUzMiAxMC4yNzUxIDE0Ljk4MzkgMTAuNDM3QzE1LjMzODIgMTAuNjkwOCAxNS41ODU0IDExLjA2NzMgMTUuNjc3NCAxMS40OTMzQzE1Ljc2OTQgMTEuOTE5MyAxNS42OTk2IDEyLjM2NDMgMTUuNDgxNiAxMi43NDE3QzE1LjI2MzUgMTMuMTE5IDE0LjkxMjkgMTMuNDAxOCAxNC40OTc5IDEzLjUzNDlDMTQuMDgyOSAxMy42NjggMTMuNjMzMyAxMy42NDE5IDEzLjIzNjQgMTMuNDYxN0MxMi45ODA5IDEzLjM0MjcgMTIuNzAwNCAxMy4yODcgMTIuNDE4NyAxMy4yOTkzQzEyLjEzNyAxMy4zMTE2IDExLjg2MjUgMTMuMzkxNiAxMS42MTgzIDEzLjUzMjVDMTEuMzc0MSAxMy42NzM0IDExLjE2NzQgMTMuODcxIDExLjAxNTggMTQuMTA4N0MxMC44NjQxIDE0LjM0NjQgMTAuNzcyIDE0LjYxNzEgMTAuNzQ3MiAxNC44OThDMTAuNzA1OCAxNS4zMzI3IDEwLjUwMzkgMTUuNzM2NCAxMC4xODA4IDE2LjAzMDNDOS44NTc3NyAxNi4zMjQxIDkuNDM2NzUgMTYuNDg2OSA5LjAwMDA0IDE2LjQ4NjlDOC41NjMzNCAxNi40ODY5IDguMTQyMzIgMTYuMzI0MSA3LjgxOTI1IDE2LjAzMDNDNy40OTYxNyAxNS43MzY0IDcuMjk0MjQgMTUuMzMyNyA3LjI1MjkyIDE0Ljg5OEM3LjIyODEzIDE0LjYxNyA3LjEzNTk5IDE0LjM0NjIgNi45ODQzMiAxNC4xMDg0QzYuODMyNjQgMTMuODcwNyA2LjYyNTkgMTMuNjcyOSA2LjM4MTU5IDEzLjUzMkM2LjEzNzI5IDEzLjM5MTEgNS44NjI2MiAxMy4zMTExIDUuNTgwODUgMTMuMjk4OUM1LjI5OTA5IDEzLjI4NjcgNS4wMTg1MiAxMy4zNDI1IDQuNzYyOTIgMTMuNDYxN0M0LjM2NjA5IDEzLjY0MTkgMy45MTY0MSAxMy42NjggMy41MDE0MiAxMy41MzQ5QzMuMDg2NDIgMTMuNDAxOCAyLjczNTggMTMuMTE5IDIuNTE3NzggMTIuNzQxN0MyLjI5OTc3IDEyLjM2NDMgMi4yMjk5NiAxMS45MTkzIDIuMzIxOTQgMTEuNDkzM0MyLjQxMzkyIDExLjA2NzMgMi42NjExMiAxMC42OTA4IDMuMDE1NDIgMTAuNDM3QzMuMjQ2MTMgMTAuMjc1MSAzLjQzNDQ3IDEwLjA2IDMuNTY0NDkgOS44MDk5NkMzLjY5NDUgOS41NTk5IDMuNzYyMzggOS4yODIyIDMuNzYyMzggOS4wMDAzNkMzLjc2MjM4IDguNzE4NTEgMy42OTQ1IDguNDQwODEgMy41NjQ0OSA4LjE5MDc1QzMuNDM0NDcgNy45NDA2OSAzLjI0NjEzIDcuNzI1NjIgMy4wMTU0MiA3LjU2MzczQzIuNjYxNjIgNy4zMDk4MSAyLjQxNDg2IDYuOTMzNDMgMi4zMjMxIDYuNTA3NzJDMi4yMzEzMyA2LjA4MjAxIDIuMzAxMTMgNS42MzczOSAyLjUxODkxIDUuMjYwMjZDMi43MzY2OSA0Ljg4MzE0IDMuMDg2OSA0LjYwMDQ2IDMuNTAxNDkgNC40NjcxNkMzLjkxNjA3IDQuMzMzODYgNC4zNjU0MSA0LjM1OTQ2IDQuNzYyMTcgNC41Mzg5OEM1LjAxNzc0IDQuNjU4MDMgNS4yOTgyMyA0LjcxMzc2IDUuNTc5OSA0LjcwMTQ1QzUuODYxNTYgNC42ODkxMyA2LjEzNjEyIDQuNjA5MTQgNi4zODAzMiA0LjQ2ODI0QzYuNjI0NTMgNC4zMjczNCA2LjgzMTE5IDQuMTI5NjggNi45ODI4MiAzLjg5MTk4QzcuMTM0NDUgMy42NTQyOSA3LjIyNjU4IDMuMzgzNTcgNy4yNTE0MiAzLjEwMjczTTExLjI0OTQgOS4wMDA2MkMxMS4yNDk0IDEwLjI0MzMgMTAuMjQyMSAxMS4yNTA2IDguOTk5NDQgMTEuMjUwNkM3Ljc1NjggMTEuMjUwNiA2Ljc0OTQ0IDEwLjI0MzMgNi43NDk0NCA5LjAwMDYyQzYuNzQ5NDQgNy43NTc5OCA3Ljc1NjggNi43NTA2MiA4Ljk5OTQ0IDYuNzUwNjJDMTAuMjQyMSA2Ljc1MDYyIDExLjI0OTQgNy43NTc5OCAxMS4yNDk0IDkuMDAwNjJaIiBzdHJva2U9IiM5NGEzYjgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--topbar-bell {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJiZWxsIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguNTU1NjMgMTcuNTAwN0M4LjcwMTkyIDE3Ljc1NCA4LjkxMjMxIDE3Ljk2NDQgOS4xNjU2OCAxOC4xMTA3QzkuNDE5MDQgMTguMjU3IDkuNzA2NDQgMTguMzM0IDkuOTk4OTkgMTguMzM0QzEwLjI5MTUgMTguMzM0IDEwLjU3ODkgMTguMjU3IDEwLjgzMjMgMTguMTEwN0MxMS4wODU3IDE3Ljk2NDQgMTEuMjk2MSAxNy43NTQgMTEuNDQyNCAxNy41MDA3TTIuNzE3NzMgMTIuNzcxOUMyLjYwODg2IDEyLjg5MTMgMi41MzcwMiAxMy4wMzk3IDIuNTEwOTQgMTMuMTk5MUMyLjQ4NDg1IDEzLjM1ODUgMi41MDU2NiAxMy41MjIgMi41NzA4MSAxMy42Njk4QzIuNjM1OTcgMTMuODE3NiAyLjc0MjY4IDEzLjk0MzMgMi44Nzc5NSAxNC4wMzE2QzMuMDEzMjIgMTQuMTE5OSAzLjE3MTIyIDE0LjE2NjkgMy4zMzI3NCAxNC4xNjcxSDE2LjY2NjRDMTYuODI3OSAxNC4xNjcxIDE2Ljk4NTkgMTQuMTIwMiAxNy4xMjEyIDE0LjAzMjFDMTcuMjU2NiAxMy45NDQgMTcuMzYzNCAxMy44MTg1IDE3LjQyODggMTMuNjcwOEMxNy40OTQxIDEzLjUyMzEgMTcuNTE1MSAxMy4zNTk2IDE3LjQ4OTIgMTMuMjAwMUMxNy40NjM0IDEzLjA0MDcgMTcuMzkxNyAxMi44OTIyIDE3LjI4MyAxMi43NzI4QzE2LjE3NDcgMTEuNjMwMiAxNC45OTk2IDEwLjQxNTkgMTQuOTk5NiA2LjY2NjQyQzE0Ljk5OTYgNS4zNDAyMyAxNC40NzI5IDQuMDY4MzUgMTMuNTM1MiAzLjEzMDU5QzEyLjU5NzUgMi4xOTI4MyAxMS4zMjU3IDEuNjY2IDkuOTk5NTUgMS42NjZDOC42NzM0NCAxLjY2NiA3LjQwMTY0IDIuMTkyODMgNi40NjM5NCAzLjEzMDU5QzUuNTI2MjQgNC4wNjgzNSA0Ljk5OTQ0IDUuMzQwMjMgNC45OTk0NCA2LjY2NjQyQzQuOTk5NDQgMTAuNDE1OSAzLjgyMzU5IDExLjYzMDIgMi43MTc3MyAxMi43NzE5WiIgc3Ryb2tlPSIjNDc1NTY5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--topbar-menu {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJtZW51Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuMDAwOCA0Ljk5OTJIMTkuOTk5Mk00LjAwMDggMTJIMTkuOTk5Mk00LjAwMDggMTkuMDAwOEgxOS45OTkyIiBzdHJva2U9IiMwRjE3MkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--note-info {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOC4wMDAxNlY2TTYgMy45OTk4NEg2LjAwNU0xMS4wMDA0IDZDMTEuMDAwNCA4Ljc2MTY0IDguNzYxNjQgMTEuMDAwNCA2IDExLjAwMDRDMy4yMzgzNiAxMS4wMDA0IDAuOTk5NiA4Ljc2MTY0IDAuOTk5NiA2QzAuOTk5NiAzLjIzODM2IDMuMjM4MzYgMC45OTk2IDYgMC45OTk2QzguNzYxNjQgMC45OTk2IDExLjAwMDQgMy4yMzgzNiAxMS4wMDA0IDZaIiBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--orders-info {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2LjAwMDNWMTJNMTIgNy45OTk2OEgxMi4wMU0yMi4wMDA4IDEyQzIyLjAwMDggMTcuNTIzMyAxNy41MjMzIDIyLjAwMDggMTIgMjIuMDAwOEM2LjQ3NjcxIDIyLjAwMDggMS45OTkyIDE3LjUyMzMgMS45OTkyIDEyQzEuOTk5MiA2LjQ3NjcxIDYuNDc2NzEgMS45OTkyIDEyIDEuOTk5MkMxNy41MjMzIDEuOTk5MiAyMi4wMDA4IDYuNDc2NzEgMjIuMDAwOCAxMloiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--modal-refill {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxMkMyLjUgOS40ODA0NCAzLjUwMDg5IDcuMDY0MDggNS4yODI0OSA1LjI4MjQ5QzcuMDY0MDggMy41MDA4OSA5LjQ4MDQ0IDIuNSAxMiAyLjVDMTQuNjU1OCAyLjUwOTk5IDE3LjIwNSAzLjU0NjI5IDE5LjExNDQgNS4zOTIyMkwyMS41IDcuNzc3NzhNMTYuMjIyMiA3Ljc3Nzc4SDIxLjVWMi41TTIxLjUgMTJDMjEuNSAxNC41MTk2IDIwLjQ5OTEgMTYuOTM1OSAxOC43MTc1IDE4LjcxNzVDMTYuOTM1OSAyMC40OTkxIDE0LjUxOTYgMjEuNSAxMiAyMS41QzkuMzQ0MTcgMjEuNDkgNi43OTUwMiAyMC40NTM3IDQuODg1NTYgMTguNjA3OEwyLjUgMTYuMjIyMk0yLjUgMjEuNVYxNi4yMjIySDcuNzc3NzgiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--modal-info {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMUMxMS44NjYgMSAxNSA0LjEzNDAxIDE1IDhDMTUgMTEuODY2IDExLjg2NiAxNSA4IDE1QzQuMTM0MDEgMTUgMSAxMS44NjYgMSA4QzEgNC4xMzQwMSA0LjEzNDAxIDEgOCAxWk03IDExLjIwMDJIOVY3SDdWMTEuMjAwMlpNNyA0Ljg1NTQ3QzYuOTk5OCA0Ljg5NDQ2IDYuOTk5MzQgNC45NTA0OCA2Ljk5OTAyIDUuMDE4NTVDNi45OTg0IDUuMTU0OTIgNi45OTc1NyA1LjM0MDUzIDYuOTk3MDcgNS41MzUxNkM2Ljk5NjA5IDUuOTE0NSA2Ljk5NTUyIDYuMzU3NzEgNyA2LjUyNjM3TDkgNi40NzM2M0M4Ljk5NjQ5IDYuMzQyMSA4Ljk5NjA1IDUuOTM1NDEgOC45OTcwNyA1LjU0MDA0QzguOTk3NTcgNS4zNDczMiA4Ljk5ODQgNS4xNjM3OSA4Ljk5OTAyIDUuMDI4MzJDOC45OTkzMyA0Ljk2MDczIDguOTk5OCA0LjkwNDg5IDkgNC44NjYyMVY0LjgwNTY2TDcgNC43OTM5NVY0Ljg1NTQ3WiIgZmlsbD0iIzFENEVEOCIvPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--modal-cancel {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDguOTk5MjdWMTIuOTk5M00xMiAxNi45OTkzSDEyLjAxTTIxLjczMDQgMTcuOTk5NUwxMy43MzA0IDMuOTk5NUMxMy41NTYgMy42OTE3IDEzLjMwMyAzLjQzNTY4IDEyLjk5NzMgMy4yNTc1N0MxMi42OTE2IDMuMDc5NDUgMTIuMzQ0MiAyLjk4NTYgMTEuOTkwNCAyLjk4NTZDMTEuNjM2NiAyLjk4NTYgMTEuMjg5MiAzLjA3OTQ1IDEwLjk4MzUgMy4yNTc1N0MxMC42Nzc4IDMuNDM1NjggMTAuNDI0OCAzLjY5MTcgMTAuMjUwNCAzLjk5OTVMMi4yNTA0IDE3Ljk5OTVDMi4wNzQwOCAxOC4zMDQ5IDEuOTgxNjIgMTguNjUxNCAxLjk4MjQgMTkuMDA0QzEuOTgzMTkgMTkuMzU2NiAyLjA3NzE3IDE5LjcwMjcgMi4yNTQ4NCAyMC4wMDczQzIuNDMyNTEgMjAuMzExOSAyLjY4NzU0IDIwLjU2NDEgMi45OTQwOSAyMC43MzgzQzMuMzAwNjQgMjAuOTEyNiAzLjY0NzggMjEuMDAyNyA0LjAwMDQgMjAuOTk5NUgyMC4wMDA0QzIwLjM1MTMgMjAuOTk5MSAyMC42OTU5IDIwLjkwNjUgMjAuOTk5NyAyMC43MzA4QzIxLjMwMzQgMjAuNTU1MSAyMS41NTU2IDIwLjMwMjYgMjEuNzMwOSAxOS45OTg2QzIxLjkwNjIgMTkuNjk0NiAyMS45OTg0IDE5LjM0OTkgMjEuOTk4MyAxOC45OTlDMjEuOTk4MyAxOC42NDgxIDIxLjkwNTggMTguMzAzNCAyMS43MzA0IDE3Ljk5OTVaIiBzdHJva2U9IiNEOTc3MDYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--modal-warn {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTAuNjY2OVY4TTggNS4zMzMxMkg4LjAwNjY3TTE0LjY2NzIgOEMxNC42NjcyIDExLjY4MjIgMTEuNjgyMiAxNC42NjcyIDggMTQuNjY3MkM0LjMxNzgxIDE0LjY2NzIgMS4zMzI4IDExLjY4MjIgMS4zMzI4IDhDMS4zMzI4IDQuMzE3ODEgNC4zMTc4MSAxLjMzMjggOCAxLjMzMjhDMTEuNjgyMiAxLjMzMjggMTQuNjY3MiA0LjMxNzgxIDE0LjY2NzIgOFoiIHN0cm9rZT0iI0Q5NzcwNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-info {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfNCkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNS4wMDA0IDcuMDAwNTZWNS4wMDA0TTUuMDAwNCAzLjAwMDI0SDUuMDA1NE0xMC4wMDA4IDUuMDAwNEMxMC4wMDA4IDcuNzYyMDUgNy43NjIwNSAxMC4wMDA4IDUuMDAwNCAxMC4wMDA4QzIuMjM4NzYgMTAuMDAwOCAwIDcuNzYyMDUgMCA1LjAwMDRDMCAyLjIzODc2IDIuMjM4NzYgMCA1LjAwMDQgMEM3Ljc2MjA1IDAgMTAuMDAwOCAyLjIzODc2IDEwLjAwMDggNS4wMDA0WiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfNCI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-shield {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KCiAgPHBhdGggZD0iTTguMDAwNCAxMC4wMDA2VjguMDAwNE04LjAwMDQgNi4wMDAyNEg4LjAwNTQNTTMuMDAwOCA4LjAwMDRDMy4wMDA4IDEwLjc2MiA1LjIzODYgMTMuMDAwOCA4LjAwMDQgMTMuMDAwOEMxMC43NjIgMTMuMDAwOCAxMy4wMDA4IDEwLjc2MiAxMy4wMDA4IDguMDAwNEMxMy4wMDA4IDUuMjM4NzYgMTAuNzYyIDMgOC4wMDA0IDNDNS4yMzg2IDMgMy4wMDA4IDUuMjM4NzYgMy4wMDA4IDguMDAwNFoiIHN0cm9rZT0iIzEwQjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-wallet {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ3YWxsZXQiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzQpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEyLjI1IDkuMzMzMzNWMTEuNjY2N0MxMi4yNSAxMS44MjE0IDEyLjE4ODUgMTEuOTY5NyAxMi4wNzkxIDEyLjA3OTFDMTEuOTY5NyAxMi4xODg1IDExLjgyMTQgMTIuMjUgMTEuNjY2NyAxMi4yNUgyLjkxNjY3QzIuNjA3MjUgMTIuMjUgMi4zMTA1IDEyLjEyNzEgMi4wOTE3MSAxMS45MDgzQzEuODcyOTIgMTEuNjg5NSAxLjc1IDExLjM5MjggMS43NSAxMS4wODMzVjIuOTE2NjdDMS43NSAyLjYwNzI1IDEuODcyOTIgMi4zMTA1IDIuMDkxNzEgMi4wOTE3MUMyLjMxMDUgMS44NzI5MiAyLjYwNzI1IDEuNzUgMi45MTY2NyAxLjc1SDEwLjVDMTAuNjU0NyAxLjc1IDEwLjgwMzEgMS44MTE0NiAxMC45MTI1IDEuOTIwODVDMTEuMDIxOSAyLjAzMDI1IDExLjA4MzMgMi4xNzg2MiAxMS4wODMzIDIuMzMzMzNWNC4wODMzM00xLjc1IDIuOTE2NjdDMS43NSAzLjIyNjA5IDEuODcyOTIgMy41MjI4MyAyLjA5MTcxIDMuNzQxNjJDMi4zMTA1IDMuOTYwNDIgMi42MDcyNSA0LjA4MzMzIDIuOTE2NjcgNC4wODMzM0gxMS42NjY3QzExLjgyMTQgNC4wODMzMyAxMS45Njk3IDQuMTQ0NzkgMTIuMDc5MSA0LjI1NDE5QzEyLjE4ODUgNC4zNjM1OCAxMi4yNSA0LjUxMTk2IDEyLjI1IDQuNjY2NjdWN00xMi4yNSA3SDEwLjVDMTAuMTkwNiA3IDkuODkzODMgNy4xMjI5MiA5LjY3NTA0IDcuMzQxNzFDOS40NTYyNSA3LjU2MDUgOS4zMzMzMyA3Ljg1NzI1IDkuMzMzMzMgOC4xNjY2N0M5LjMzMzMzIDguNDc2MDkgOS40NTYyNSA4Ljc3MjgzIDkuNjc1MDQgOC45OTE2MkM5Ljg5MzgzIDkuMjEwNDIgMTAuMTkwNiA5LjMzMzMzIDEwLjUgOS4zMzMzM0gxMi4yNU0xMi4yNSA3QzEyLjQwNDcgNyAxMi41NTMxIDcuMDYxNDYgMTIuNjYyNSA3LjE3MDg1QzEyLjc3MTkgNy4yODAyNSAxMi44MzMzIDcuNDI4NjIgMTIuODMzMyA3LjU4MzMzVjguNzVDMTIuODMzMyA4LjkwNDcxIDEyLjc3MTkgOS4wNTMwOCAxMi42NjI1IDkuMTYyNDhDMTIuNTUzMSA5LjI3MTg3IDEyLjQwNDcgOS4zMzMzMyAxMi4yNSA5LjMzMzMzIiBzdHJva2U9IiMzQjgyRjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF80Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-dollar {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJkb2xsYXItc2lnbiI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03IDEuMTY2MlYxMi44MzM4TTkuOTE2NjcgMi45MTYzNEg1LjU0MTY3QzUuMDAwMTggMi45MTYzNCA0LjQ4MDg4IDMuMTMxNDYgNC4wOTc5OSAzLjUxNDM4QzMuNzE1MSAzLjg5NzMgMy41IDQuNDE2NjQgMy41IDQuOTU4MTdDMy41IDUuNDk5NyAzLjcxNTEgNi4wMTkwNCA0LjA5Nzk5IDYuNDAxOTZDNC40ODA4OCA2Ljc4NDg4IDUuMDAwMTggNyA1LjU0MTY3IDdIOC40NTgzM0M4Ljk5OTgyIDcgOS41MTkxMiA3LjIxNTEyIDkuOTAyMDEgNy41OTgwNEMxMC4yODQ5IDcuOTgwOTYgMTAuNSA4LjUwMDMgMTAuNSA5LjA0MTgzQzEwLjUgOS41ODMzNiAxMC4yODQ5IDEwLjEwMjcgOS45MDIwMSAxMC40ODU2QzkuNTE5MTIgMTAuODY4NSA4Ljk5OTgyIDExLjA4MzcgOC40NTgzMyAxMS4wODM3SDMuNSIgc3Ryb2tlPSIjRUFCMzA4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-bulb {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJsaWdodGJ1bGIiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOC43NSA4LjE2Njc2QzguODY2NjcgNy41ODMzOCA5LjE1ODMzIDcuMTc1MDEgOS42MjUgNi43MDgzMUMxMC4yMDgzIDYuMTgzMjcgMTAuNSA1LjQyNDg3IDEwLjUgNC42NjY0OEMxMC41IDMuNzM4MTUgMTAuMTMxMyAyLjg0Nzg0IDkuNDc0ODcgMi4xOTE0MUM4LjgxODUgMS41MzQ5OCA3LjkyODI2IDEuMTY2MiA3IDEuMTY2MkM2LjA3MTc0IDEuMTY2MiA1LjE4MTUgMS41MzQ5OCA0LjUyNTEzIDIuMTkxNDFDMy44Njg3NSAyLjg0Nzg0IDMuNSA0LjczODE1IDMuNSA0LjY2NjQ4QzMuNSA1LjI0OTg2IDMuNjE2NjcgNS45NDk5MiA0LjM3NSA2LjcwODMxQzQuNzgzMzMgNy4xMTY2OCA1LjEzMzMzIDcuNTgzMzggNS4yNSA4LjE2Njc2TTUuMjUgMTAuNTAwM0g4Ljc1TTUuODMzMzMgMTIuODMzOEg4LjE2NjY3IiBzdHJva2U9IiNGNTlFMEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--addfunds-clock {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjbG9jayIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfNCkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNOCAzLjk5OTY4VjhMMTAuNjY2OSA5LjMzMzQ0TTE0LjY2NzIgOEMxNC42NjcyIDExLjY4MjIgMTEuNjgyMiAxNC42NjcyIDggMTQuNjY3MkM0LjMxNzgxIDE0LjY2NzIgMS4zMzI4IDExLjY4MjIgMS4zMzI4IDhDMS4zMzI4IDQuMzE3ODEgNC4zMTc4MSAxLjMzMjggOCAxLjMzMjhDMTEuNjgyMiAxLjMzMjggMTQuNjY3MiA0LjMxNzgxIDE0LjY2NzIgOFoiIHN0cm9rZT0iIzZCNzI4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzQiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-chevron {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI1IDEwLjVMOC43NSA3TDUuMjUgMy41IiBzdHJva2U9IiM2NDc0OEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-copy {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjMzMjk2IDkuMzMzNTJDMS42OTEyNCA5LjMzMzUyIDEuMTY2MiA4LjgwODQ4IDEuMTY2MiA4LjE2Njc2VjIuMzMyOTZDMS4xNjYyIDEuNjkxMjQgMS42OTEyNCAxLjE2NjIgMi4zMzI5NiAxLjE2NjJIOC4xNjY3NkM4LjgwODQ4IDEuMTY2MiA5LjMzMzUyIDEuNjkxMjQgOS4zMzM1MiAyLjMzMjk2TTUuODMzMjQgNC42NjY0OEgxMS42NjdDMTIuMzExNCA0LjY2NjQ4IDEyLjgzMzggNS4xODg4NiAxMi44MzM4IDUuODMzMjRWMTEuNjY3QzEyLjgzMzggMTIuMzExNCAxMi4zMTE0IDEyLjgzMzggMTEuNjY3IDEyLjgzMzhINS44MzMyNEM1LjE4ODg2IDEyLjgzMzggNC42NjY0OCAxMi4zMTE0IDQuNjY2NDggMTEuNjY3VjUuODMzMjRDNC42NjY0OCA1LjE4ODg2IDUuMTg4ODYgNC42NjY0OCA1LjgzMzI0IDQuNjY2NDhaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-refresh {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc1IDdDMS43NSA1LjYwNzYxIDIuMzAzMTIgNC4yNzIyNiAzLjI4NzY5IDMuMjg3NjlDNC4yNzIyNiAyLjMwMzEyIDUuNjA3NjEgMS43NSA3IDEuNzVDOC40Njc2OSAxLjc1NTUyIDkuODc2NDMgMi4zMjgyMSAxMC45MzE3IDMuMzQ4MzNMMTIuMjUgNC42NjY2N005LjMzMzMzIDQuNjY2NjdIMTIuMjVWMS43NU0xMi4yNSA3QzEyLjI1IDguMzkyMzkgMTEuNjk2OSA5LjcyNzc0IDEwLjcxMjMgMTAuNzEyM0M5LjcyNzc0IDExLjY5NjkgOC4zOTIzOSAxMi4yNSA3IDEyLjI1QzUuNTMyMzEgMTIuMjQ0NSA0LjEyMzU3IDExLjY3MTggMy4wNjgzMyAxMC42NTE3TDEuNzUgOS4zMzMzM00xLjc1IDEyLjI1VjkuMzMzMzNINC42NjY2NyIgc3Ryb2tlPSIjRUY0NDQ0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-trash {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi42NjY3IDMuOTk5NjhWMTMuMzMzOEMxMi42NjY3IDEzLjY4NzQgMTIuNTI2MiAxNC4wMjY2IDEyLjI3NjEgMTQuMjc2NkMxMi4wMjYxIDE0LjUyNjcgMTEuNjg3IDE0LjY2NzIgMTEuMzMzMyAxNC42NjcySDQuNjY2NjdDNC4zMTMwNCAxNC42NjcyIDMuOTczOTEgMTQuNTI2NyAzLjcyMzg2IDE0LjI3NjZDMy40NzM4MSAxNC4wMjY2IDMuMzMzMzMgMTMuNjg3NCAzLjMzMzMzIDEzLjMzMzhWMy45OTk2OE0yIDMuOTk5NjhIMTRNNS4zMzMzMyAzLjk5OTY4VjIuNjY2MjRDNS4zMzMzMyAyLjMxMjU5IDUuNDczODEgMS45NzM0MiA1LjcyMzg2IDEuNzIzMzZDNS45NzM5MSAxLjQ3MzI5IDYuMzEzMDQgMS4zMzI4IDYuNjY2NjcgMS4zMzI4SDkuMzMzMzNDOS42ODY5NiAxLjMzMjggMTAuMDI2MSAxLjQ3MzI5IDEwLjI3NjEgMS43MjMzNkMxMC41MjYyIDEuOTczNDIgMTAuNjY2NyAyLjMxMjU5IDEwLjY2NjcgMi42NjYyNFYzLjk5OTY4IiBzdHJva2U9IiNFRjQ0NDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-check-sm {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGVjayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik04LjMzMyAyLjVMMy43NTAxMyA3LjA4M0wxLjY2NyA0Ljk5OTgyIiBzdHJva2U9IiMxMEI5ODEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-check-white {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJJY29uLVdyYXBwZXIiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzEyNSkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIgMEwzLjc1IDEyTDAgNi41NDU0NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzEyNSI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-eye {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS43MTgxIDkuNzEwODJDMS42NDg2NSA5Ljg5NzkyIDEuNjQ4NjUgMTAuMTAzNyAxLjcxODEgMTAuMjkwOEMyLjM5NDUyIDExLjkzMDkgMy41NDI3IDEzLjMzMzMgNS4wMTcwOCAxNC4zMjAxQzYuNDkxNDYgMTUuMzA2OSA4LjIyNTY0IDE1LjgzMzYgOS45OTk3NyAxNS44MzM2QzExLjc3MzkgMTUuODMzNiAxMy41MDgxIDE1LjMwNjkgMTQuOTgyNSAxNC4zMjAxQzE2LjQ1NjggMTMuMzMzMyAxNy42MDUgMTEuOTMwOSAxOC4yODE0IDEwLjI5MDhDMTguMzUwOSAxMC4xMDM3IDE4LjM1MDkgOS44OTc5MiAxOC4yODE0IDkuNzEwODJDMTcuNjA1IDguMDcwNyAxNi40NTY4IDYuNjY4MzUgMTQuOTgyNSA1LjY4MTU3QzEzLjUwODEgNC42OTQ3OCAxMS43NzM5IDQuMTY4IDkuOTk5NzcgNC4xNjhDOC4yMjU2NCA0LjE2OCA2LjQ5MTQ2IDQuNjk0NzggNS4wMTcwOCA1LjY4MTU3QzMuNTQyNyA2LjY2ODM1IDIuMzk0NTIgOC4wNzA3IDEuNzE4MSA5LjcxMDgyWiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjMiIHN0cm9rZT0iIzY0NzQ4QiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-eye-hide {
  display: none;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS43MTgxIDkuNzEwODJDMS42NDg2NSA5Ljg5NzkyIDEuNjQ4NjUgMTAuMTAzNyAxLjcxODEgMTAuMjkwOEMyLjM5NDUyIDExLjkzMDkgMy41NDI3IDEzLjMzMzMgNS4wMTcwOCAxNC4zMjAxQzYuNDkxNDYgMTUuMzA2OSA4LjIyNTY0IDE1LjgzMzYgOS45OTk3NyAxNS44MzM2QzExLjc3MzkgMTUuODMzNiAxMy41MDgxIDE1LjMwNjkgMTQuOTgyNSAxNC4zMjAxQzE2LjQ1NjggMTMuMzMzMyAxNy42MDUgMTEuOTMwOSAxOC4yODE0IDEwLjI5MDhDMTguMzUwOSAxMC4xMDM3IDE4LjM1MDkgOS44OTc5MiAxOC4yODE0IDkuNzEwODJDMTcuNjA1IDguMDcwNyAxNi40NTY4IDYuNjY4MzUgMTQuOTgyNSA1LjY4MTU3QzEzLjUwODEgNC42OTQ3OCAxMS43NzM5IDQuMTY4IDkuOTk5NzcgNC4xNjhDOC4yMjU2NCA0LjE2OCA2LjQ5MTQ2IDQuNjk0NzggNS4wMTcwOCA1LjY4MTU3QzMuNTQyNyA2LjY2ODM1IDIuMzk0NTIgOC4wNzA3IDEuNzE4MSA5LjcxMDgyWiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjMiIHN0cm9rZT0iIzY0NzQ4QiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTQgNEwxNiAxNiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-req-check {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaXJjbGUtY2hlY2siIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzY3KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik01LjI0OTg2IDdMNi40MTY2MiA4LjE2Njc2TDguNzUwMTQgNS44MzMyNE0xMi44MzM4IDdDMTIuODMzOCAxMC4yMjE5IDEwLjIyMTkgMTIuODMzOCA3IDEyLjgzMzhDMy43NzgwOCAxMi44MzM4IDEuMTY2MiAxMC4yMjE5IDEuMTY2MiA3QzEuMTY2MiAzLjc3ODA4IDMuNzc4MDggMS4xNjYyIDcgMS4xNjYyQzEwLjIyMTkgMS4xNjYyIDEyLjgzMzggMy43NzgwOCAxMi44MzM4IDdaIiBzdHJva2U9IiMxMEI5ODEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF82NyI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-req-circle {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaXJjbGUiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzEwMikiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNyAxMi44MzM4QzEwLjIyMTkgMTIuODMzOCAxMi44MzM4IDEwLjIyMTkgMTIuODMzOCA3QzEyLjgzMzggMy43NzgwOCAxMC4yMjE5IDEuMTY2MiA3IDEuMTY2MkMzLjc3ODA4IDEuMTY2MiAxLjE2NjIgMy43NzgwOCAxLjE2NjIgN0MxLjE2NjIgMTAuMjIxOSAzLjc3ODA4IDEyLjgzMzggNyAxMi44MzM4WiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzBfMTAyIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-monitor {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJtb25pdG9yIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUuOTk5NzYgMTUuNzVIMTIuMDAwMk05IDEyLjc1VjE1Ljc1TTIuOTk5NTIgMi4yNUgxNS4wMDA1QzE1LjgyOSAyLjI1IDE2LjUwMDYgMi45MjE1NyAxNi41MDA2IDMuNzVWMTEuMjVDMTYuNTAwNiAxMi4wNzg0IDE1LjgyOSAxMi43NSAxNS4wMDA1IDEyLjc1SDIuOTk5NTJDMi4xNzEwMyAxMi43NSAxLjQ5OTQgMTIuMDc4NCAxLjQ5OTQgMTEuMjVWMy43NUMxLjQ5OTQgMi45MjE1NyAyLjE3MTAzIDIuMjUgMi45OTk1MiAyLjI1WiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-circle-x {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNzUwOCA2LjI1MDQyTDYuMjUwNDIgMTAuNzUwOE02LjI1MDQyIDYuMjUwNDJMMTAuNzUwOCAxMC43NTA4TTE2LjAwMTIgOC41MDA2QzE2LjAwMTIgMTIuNjQzMSAxMi42NDMxIDE2LjAwMTIgOC41MDA2IDE2LjAwMTJDNC4zNTgxMyAxNi4wMDEyIDEgMTIuNjQzMSAxIDguNTAwNkMxIDQuMzU4MTMgNC4zNTgxMyAxIDguNTAwNiAxQzEyLjY0MzEgMSAxNi4wMDEyIDQuMzU4MTMgMTYuMDAxMiA4LjUwMDZaIiBzdHJva2U9IiM2NDc0OEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-smartphone {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJzbWFydHBob25lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTkgMTMuNTAwNEg5LjAwNzVNNS4yNDk1NyAxLjQ5OTRIMTIuNzUwNEMxMy41NzkgMS40OTk0IDE0LjI1MDYgMi4xNzEwMyAxNC4yNTA2IDIuOTk5NTJWMTUuMDAwNUMxNC4yNTA2IDE1LjgyOSAxMy41NzkgMTYuNTAwNiAxMi43NTA0IDE2LjUwMDZINS4yNDk1N0M0LjQyMTA1IDE2LjUwMDYgMy43NDk0IDE1LjgyOSAzLjc0OTQgMTUuMDAwNVYyLjk5OTUyQzMuNzQ5NCAyLjE3MTAzIDQuNDIxMDUgMS40OTk0IDUuMjQ5NTcgMS40OTk0WiIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-x-circle {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaXJjbGUteCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzBfNjUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExLjI1MDIgNi43NDk4Mkw2Ljc0OTgyIDExLjI1MDJNNi43NDk4MiA2Ljc0OTgyTDExLjI1MDIgMTEuMjUwMk0xNi41MDA2IDlDMTYuNTAwNiAxMy4xNDI1IDEzLjE0MjUgMTYuNTAwNiA5IDE2LjUwMDZDNC44NTc1MyAxNi41MDA2IDEuNDk5NCAxMy4xNDI1IDEuNDk5NCA5QzEuNDk5NCA0Ljg1NzUzIDQuODU3NTMgMS40OTk0IDkgMS40OTk0QzEzLjE0MjUgMS40OTk0IDE2LjUwMDYgNC44NTc1MyAxNi41MDA2IDlaIiBzdHJva2U9IiM2NDc0OEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMF82NSI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-x-circle-danger {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzUgNS4yNUw1LjI1IDguNzVNNS4yNSA1LjI1TDguNzUgOC43NU0xMi44MzMgN0MxMi44MzMgMTAuMjIxOSAxMC4yMjIgMTIuODMzIDcgMTIuODMzQzMuNzc4IDEyLjgzMyAxLjE2NyAxMC4yMjIgMS4xNjcgN0MxLjE2NyAzLjc3OCAzLjc3OCAxLjE2NyA3IDEuMTY3QzEwLjIyMiAxLjE2NyAxMi44MzMgMy43NzggMTIuODMzIDdaIiBzdHJva2U9IiNFRjQ0NDQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-reco-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGVjayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy4zMzI4IDRMNi4wMDAyIDExLjMzMjhMMi42NjcyIDcuOTk5NzEiIHN0cm9rZT0iIzEwQjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--account-reco-x {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ4Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEyIDRMNCAxMk00IDRMMTIgMTIiIHN0cm9rZT0iI0VGNDQ0NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-headphones {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAxNGE0IDQgMCAwIDAgNCA0aDF2LThIOGE0IDQgMCAwIDAtNCA0Wm0xMi00aDFhNCA0IDAgMCAxIDQgNCA0IDQgMCAwIDEtNCA0aC0xdi04Wk00IDEwVjhhOCA4IDAgMCAxIDE2IDB2MiIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-zap {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTMgMiA0IDE0aDlsLTEgOCAxMC0xNGgtN2wwLTZaIiBzdHJva2U9IiMxNkEzNEEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-users {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTYgMjF2LTJhNCA0IDAgMCAwLTQtNEg2YTQgNCAwIDAgMC00IDR2Mk05IDExYTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFptMTAgMTB2LTJhNCA0IDAgMCAwLTMtMy44N00xNiAzLjEzYTQgNCAwIDAgMSAwIDcuNzUiIHN0cm9rZT0iIzRGNDZFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-lifebuoy {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5IiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTEyIDN2M00xMiAxOHYzTTMgMTJoM00xOCAxMmgzTTUuNiA1LjZsMi4xIDIuMU0xNi4zIDE2LjNsMi4xIDIuMU0xOC40IDUuNmwtMi4xIDIuMU03LjcgMTYuM2wtMi4xIDIuMSIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-telegram {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjEgNCAzIDExbDcgMyAzIDcgOC0xN1oiIHN0cm9rZT0iIzAwODhDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwIDE0IDE3IDciIHN0cm9rZT0iIzAwODhDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-inbox {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43OTk4IDE1TDEwLjMxNzQgMTkuNzIwN0wxMC41OTk2IDIwLjI1SDE3LjQwMDRMMTcuNjgyNiAxOS43MjA3TDIwLjIwMDIgMTVIMjdWMjQuNUMyNyAyNS4yMjY0IDI2Ljc2NzcgMjUuODkwMiAyNi4zOTk0IDI2LjM1MDZDMjYuMDM1OCAyNi44MDUgMjUuNTk2MyAyNi45OTk5IDI1LjIwMDIgMjdIMi43OTk4QzIuNDAzNjcgMjYuOTk5OSAxLjk2NDE3IDI2LjgwNSAxLjYwMDU5IDI2LjM1MDZDMS4yMzIzIDI1Ljg5MDIgMSAyNS4yMjY0IDEgMjQuNVYxNUg3Ljc5OThaTTIwLjY2MzEgMUwyMC43Njk1IDEuMDA0ODhDMjEuMDE5NSAxLjAyNjU3IDIxLjI3ODkgMS4xMjQ0NyAyMS41MjU0IDEuMzE1NDNDMjEuODEwNCAxLjUzNjMyIDIyLjA2NzMgMS44NzQxMiAyMi4yNDEyIDIuMzExNTJMMjIuMjQyMiAyLjMxNDQ1TDI2LjUyMTUgMTNIMTlMMTguNzE3OCAxMy41MjkzTDE2LjIwMDIgMTguMjVIMTEuNzk5OEw5LjI4MjIzIDEzLjUyOTNMOSAxM0gxLjQ3ODUyTDUuNzU3ODEgMi4zMTQ0NUw1Ljc1ODc5IDIuMzExNTJDNS45MzI3IDEuODc0MTIgNi4xODk2NCAxLjUzNjMyIDYuNDc0NjEgMS4zMTU0M0M2LjcyMTA2IDEuMTI0NDcgNi45ODA0OCAxLjAyNjU3IDcuMjMwNDcgMS4wMDQ4OEw3LjMzNjkxIDFIMjAuNjYzMVoiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-plus {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNOCAzdjEwTTMgOGgxMCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-upload {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTIgMTZWNG0wIDAgNCA0bS00LTQtNCA0TTQgMTd2MmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJ2LTIiIHN0cm9rZT0iIzFENEVEOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTUgOGwyIDIgNC00IiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-chevron {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00IDZsNCA0IDQtNCIgc3Ryb2tlPSIjOTRBM0I4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--tickets-back {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTAgMTJMNiA4bDQtNCIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--vt-attach {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.75 5.94109L6.56376 11.8014C5.22849 13.0662 3.08671 13.0662 1.75145 11.8014C0.416184 10.5365 0.416184 8.50754 1.75145 7.24264L7.93771 1.38239C8.82782 0.539202 10.2568 0.539202 11.1469 1.38239C12.037 2.2256 12.037 3.57934 11.1469 4.42253L5.30449 9.95712C4.85943 10.3786 4.14507 10.3786 3.70002 9.95712C3.25496 9.53551 3.25496 8.85877 3.70002 8.43717L9.19792 3.22901' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--vt-file {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTQgMkg2YTIgMiAwIDAgMC0yIDJ2MTZhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMi0yVjhaIiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0ibTggMTIgMiAyIDQtNCIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FyPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--vt-support {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAxNGE0IDQgMCAwIDAgNCA0aDF2LThIOGE0IDQgMCAwIDAtNCA0Wm0xMi00aDFhNCA0IDAgMCAxIDQgNCA0IDQgMCAwIDEtNCA0aC0xdi04Wk00IDEwVjhhOCA4IDAgMCAxIDE2IDB2MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--vt-brand {
  display: inline-block;
  width: 17px;
  height: 21px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNi45MDQ5IDIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01LjEwOTM2IDguNDYyNTZMOC4zMTk0NyA5Ljk5NzE3TDQuODU2ODcgMTEuOTYxNUw1LjEwOTM2IDguNDYyNTZaIiBmaWxsPSIjQTRBN0FFIi8+PHBhdGggZD0iTTQuOTcyNDcgMTYuNTMyNEw4LjE4MjU5IDE4LjA2N0w0LjcxOTk5IDIwLjAzMTNMNC45NzI0NyAxNi41MzI0WiIgZmlsbD0iIzhBOEY5QSIvPjxwYXRoIGQ9Ik04LjU0ODI1IDYuNTExN0wxMS43MzQ2IDguMDU5NzZMOC4zMTk0OCA5Ljk5NzE2TDguNTQ4MjUgNi41MTE3WiIgZmlsbD0iI0MzQzVDOCIvPjxwYXRoIGQ9Ik04LjQxMTM3IDE0LjU4MTVMMTEuNTk3OCAxNi4xMjk2TDguMTgyNTkgMTguMDY3TDguNDExMzcgMTQuNTgxNVoiIGZpbGw9IiNCMEIyQjciLz48cGF0aCBkPSJNMTEuOTYzNCA0LjU3NDI5TDE1LjE0OTggNi4xMjIzNUwxMS43MzQ2IDguMDU5NzZMMTEuOTYzNCA0LjU3NDI5WiIgZmlsbD0iI0YzRjNGMyIvPjxwYXRoIGQ9Ik0xMS44MjY1IDEyLjY0NDFMMTUuMDEyOSAxNC4xOTIyTDExLjU5NzggMTYuMTI5NkwxMS44MjY1IDEyLjY0NDFaIiBmaWxsPSIjREVERURGIi8+PHBhdGggZD0iTTUuMDg5MDkgOC40NzQwNkw1LjMwNzA4IDQuODcwNDNMMS44NDQ0NyA2LjgzNDc0TDUuMDg5MDkgOC40NzQwNloiIGZpbGw9IiNCNkI5QkQiLz48cGF0aCBkPSJNNC45NTIyMSAxNi41NDM5TDUuMTcwMTkgMTIuOTQwMkwxLjcwNzU5IDE0LjkwNDZMNC45NTIyMSAxNi41NDM5WiIgZmlsbD0iIzk0OThBMiIvPjxwYXRoIGQ9Ik04LjU1MTcgNi41MDk3NEw4Ljc2OTY5IDIuOTA2MTFMNS4zMDcwOCA0Ljg3MDQyTDguNTUxNyA2LjUwOTc0WiIgZmlsbD0iI0Q2RDdEOCIvPjxwYXRoIGQ9Ik04LjQxNDgyIDE0LjU3OTZMOC42MzI4IDEwLjk3NTlMNS4xNzAyIDEyLjk0MDNMOC40MTQ4MiAxNC41Nzk2WiIgZmlsbD0iI0I2QjlCRCIvPjxwYXRoIGQ9Ik0xMS45NjY4IDQuNTcyMzNMMTIuMTg0OCAwLjk2ODcwNUw4LjcyMjIgMi45MzMwMkwxMS45NjY4IDQuNTcyMzNaIiBmaWxsPSIjRjRGNEY0Ii8+PHBhdGggZD0iTTExLjgzIDEyLjY0MjJMMTIuMDQ4IDkuMDM4NTNMOC41ODUzNyAxMS4wMDI4TDExLjgzIDEyLjY0MjJaIiBmaWxsPSIjREZFMEUxIi8+PHBhdGggZD0iTTQuODU2ODQgMTEuOTYxNUw1LjA4NTYyIDguNDc2MDFMMS42NzA0NSAxMC40MTM0TDQuODU2ODQgMTEuOTYxNVoiIGZpbGw9IiM5QjlGQTciLz48cGF0aCBkPSJNNC43MTk5NiAyMC4wMzEzTDQuOTQ4NzMgMTYuNTQ1OEwxLjUzMzU2IDE4LjQ4MzJMNC43MTk5NiAyMC4wMzEzWiIgZmlsbD0iIzgzODk5NSIvPjxwYXRoIGQ9Ik04LjI5NTczIDEwLjAxMDZMOC41NDgyMiA2LjUxMTdMNS4wODU2MSA4LjQ3NjAxTDguMjk1NzMgMTAuMDEwNloiIGZpbGw9IiNBRkIxQjciLz48cGF0aCBkPSJNOC4xNTg4OSAxOC4wODA0TDguNDExMzggMTQuNTgxNUw0Ljk0ODc4IDE2LjU0NThMOC4xNTg4OSAxOC4wODA0WiIgZmlsbD0iIzlDQTBBOCIvPjxwYXRoIGQ9Ik0xMS43MzQ3IDguMDU5NzVMMTEuOTYzNCA0LjU3NDI4TDguNTQ4MjcgNi41MTE2OUwxMS43MzQ3IDguMDU5NzVaIiBmaWxsPSIjRDBEMUQzIi8+PHBhdGggZD0iTTExLjU5NzggMTYuMTI5NkwxMS44MjY2IDEyLjY0NDFMOC40MTEzOSAxNC41ODE1TDExLjU5NzggMTYuMTI5NloiIGZpbGw9IiNCN0I5QkUiLz48cGF0aCBkPSJNMTUuMTczNiA2LjEwODg5TDE1LjQyNiAyLjYwOTk3TDExLjk2MzQgNC41NzQyOUwxNS4xNzM2IDYuMTA4ODlaIiBmaWxsPSIjRjNGM0YzIi8+PHBhdGggZD0iTTE1LjAzNjYgMTQuMTc4N0wxNS4yODkxIDEwLjY3OThMMTEuODI2NSAxMi42NDQxTDE1LjAzNjYgMTQuMTc4N1oiIGZpbGw9IiNERURFREYiLz48cGF0aCBkPSJNMS44NDQ0NyA2LjgzNDc0TDUuMDg1NjQgOC40NzYwMUwxLjY3MDQ3IDEwLjQxMzRMMS44NDQ0NyA2LjgzNDc0WiIgZmlsbD0iI0E0QTdBRSIvPjxwYXRoIGQ9Ik0xLjcwNzU4IDE0LjkwNDZMNC45NDg3NSAxNi41NDU4TDEuNTMzNTggMTguNDgzMkwxLjcwNzU4IDE0LjkwNDZaIiBmaWxsPSIjODk4RjlBIi8+PHBhdGggZD0iTTUuMjgzMzUgNC44ODM4OEw4LjU0ODI0IDYuNTExN0w1LjA4NTY0IDguNDc2MDFMNS4yODMzNSA0Ljg4Mzg4WiIgZmlsbD0iI0MxQzJDNiIvPjxwYXRoIGQ9Ik01LjE0NjUyIDEyLjk1MzdMOC40MTE0IDE0LjU4MTVMNC45NDg4IDE2LjU0NThMNS4xNDY1MiAxMi45NTM3WiIgZmlsbD0iI0E0QTdBRSIvPjxwYXRoIGQ9Ik04LjcyMjI0IDIuOTMzMDJMMTEuOTYzNCA0LjU3NDI5TDguNTQ4MjQgNi41MTE3TDguNzIyMjQgMi45MzMwMloiIGZpbGw9IiNFM0UzRTQiLz48cGF0aCBkPSJNOC41ODU0MSAxMS4wMDI4TDExLjgyNjYgMTIuNjQ0MUw4LjQxMTQxIDE0LjU4MTVMOC41ODU0MSAxMS4wMDI4WiIgZmlsbD0iI0M3QzhDQiIvPjxwYXRoIGQ9Ik0xMi4xNjExIDAuOTgyMTZMMTUuNDI2IDIuNjA5OThMMTEuOTYzNCA0LjU3NDI5TDEyLjE2MTEgMC45ODIxNloiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTEyLjAyNDIgOS4wNTE5OEwxNS4yODkxIDEwLjY3OThMMTEuODI2NSAxMi42NDQxTDEyLjAyNDIgOS4wNTE5OFoiIGZpbGw9IiNFQ0VDRUMiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--theme-sun {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3IiBjeT0iNyIgcj0iMi43NSIgZmlsbD0iI0ZCQkYyNCIvPjxwYXRoIGQ9Ik03IDEuMjVWMi43NU03IDExLjI1VjEyLjc1TTEuMjUgN0gyLjc1TTExLjI1IDdIMTIuNzVNMi45MiAyLjkyTDQuMDEgNC4wMU05Ljk5IDkuOTlMMTEuMDggMTEuMDhNMi45MiAxMS4wOEw0LjAxIDkuOTlNOS45OSA0LjAxTDExLjA4IDIuOTIiIHN0cm9rZT0iI0ZCQkYyNCIgc3Ryb2tlLXdpZHRoPSIxLjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-icon--theme-moon {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44IDIuMkM4LjY1IDMuMzUgOCA0Ljg1IDggNi40NUM4IDkuMjUgMTAuMTUgMTEuNCAxMi45NSAxMS40QzExLjc1IDEyLjc1IDEwLjA1IDEzLjUgOC4yNSAxMy41QzQuNTUgMTMuNSAxLjUgMTAuNDUgMS41IDYuNzVDMS41IDQuMTUgMy4xNSAxLjk1IDUuNDUgMC44NUM2LjA1IDMuMiA3LjM1IDUuMTUgOS44IDIuMloiIGZpbGw9IiNFMkU4RjAiLz48L3N2Zz4=") center/contain no-repeat;
  flex-shrink: 0;
}

.pp-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.pp-theme-toggle:focus-visible {
  outline: 2px solid var(--gh-color-primary);
  outline-offset: 3px;
  border-radius: 999px;
}

.pp-theme-toggle__track {
  position: relative;
  display: block;
  width: 50px;
  height: 28px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  background: linear-gradient(135deg, #bfdbfe 0%, #dbeafe 55%, #eff6ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
  overflow: hidden;
  transition: background 0.38s cubic-bezier(0.45, 0.05, 0.2, 1), border-color 0.38s cubic-bezier(0.45, 0.05, 0.2, 1), box-shadow 0.38s cubic-bezier(0.45, 0.05, 0.2, 1);
}

.pp-theme-toggle__stars {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.38s ease;
  background: radial-gradient(circle at 18% 38%, rgba(255, 255, 255, 0.95) 0 0.75px, transparent 0.85px), radial-gradient(circle at 34% 62%, rgba(255, 255, 255, 0.75) 0 0.55px, transparent 0.65px), radial-gradient(circle at 58% 30%, rgba(255, 255, 255, 0.85) 0 0.65px, transparent 0.75px), radial-gradient(circle at 76% 54%, rgba(255, 255, 255, 0.7) 0 0.5px, transparent 0.6px), radial-gradient(circle at 88% 28%, rgba(255, 255, 255, 0.8) 0 0.55px, transparent 0.65px);
}

.pp-theme-toggle__ambient {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  pointer-events: none;
  transition: opacity 0.34s ease, transform 0.38s cubic-bezier(0.45, 0.05, 0.2, 1);
}

.pp-theme-toggle__ambient--sun,
.pp-theme-toggle__ambient--moon {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.pp-theme-toggle__ambient--sun {
  left: 8px;
}

.pp-theme-toggle__ambient--moon {
  right: 8px;
}

.pp-theme-toggle__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.65);
  transform: translateX(0);
  transition: transform 0.38s cubic-bezier(0.45, 0.05, 0.2, 1), background 0.38s cubic-bezier(0.45, 0.05, 0.2, 1), box-shadow 0.38s cubic-bezier(0.45, 0.05, 0.2, 1);
}

.pp-theme-toggle__face {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  transition: opacity 0.28s ease, transform 0.38s cubic-bezier(0.45, 0.05, 0.2, 1);
}

.pp-theme-toggle__face--sun {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg) scale(1);
}

.pp-theme-toggle__face--moon {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-55deg) scale(0.35);
}

.pp-theme-toggle.is-dark .pp-theme-toggle__track,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__track {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-color: rgba(59, 130, 246, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.pp-theme-toggle.is-dark .pp-theme-toggle__stars,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__stars {
  opacity: 1;
}
.pp-theme-toggle.is-dark .pp-theme-toggle__ambient--sun,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__ambient--sun {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.pp-theme-toggle.is-dark .pp-theme-toggle__ambient--moon,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__ambient--moon {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.pp-theme-toggle.is-dark .pp-theme-toggle__thumb,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__thumb {
  transform: translateX(22px);
  background: linear-gradient(145deg, #334155 0%, #1e293b 100%);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.55), 0 0 0 1px rgba(148, 163, 184, 0.12);
}
.pp-theme-toggle.is-dark .pp-theme-toggle__face--sun,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--sun {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  transform: none;
}
.pp-theme-toggle.is-dark .pp-theme-toggle__face--moon,
[data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--moon {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transform: rotate(0deg) scale(1);
}

.pp-theme-toggle--guest .pp-theme-toggle__track {
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.pp-theme-toggle--guest.is-dark .pp-theme-toggle__track, [data-bs-theme=dark] .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__track {
  border-color: rgba(59, 130, 246, 0.28);
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.pp-theme-toggle--guest.is-dark .pp-theme-toggle__stars, [data-bs-theme=dark] .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__stars {
  opacity: 0;
}

.guest-body--light .pp-theme-toggle--guest .pp-theme-toggle__track {
  border-color: #cbd5e1;
  background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.guest-body--light .pp-theme-toggle--guest.is-dark .pp-theme-toggle__track, [data-bs-theme=dark] .guest-body--light .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__track {
  border-color: rgba(59, 130, 246, 0.28);
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.guest-body--light .pp-theme-toggle--guest.is-dark .pp-theme-toggle__stars, [data-bs-theme=dark] .guest-body--light .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__stars {
  opacity: 0;
}

@media (max-width: 767px) {
  .guest-body--light.guest-body--home .pp-theme-toggle--guest .pp-theme-toggle__track {
    border-color: rgba(255, 255, 255, 0.18);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
  .guest-body--light.guest-body--home .pp-theme-toggle--guest.is-dark .pp-theme-toggle__track, [data-bs-theme=dark] .guest-body--light.guest-body--home .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__track {
    border-color: rgba(59, 130, 246, 0.28);
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  .guest-body--light.guest-body--home .pp-theme-toggle--guest.is-dark .pp-theme-toggle__stars, [data-bs-theme=dark] .guest-body--light.guest-body--home .pp-theme-toggle--guest.pp-theme-toggle .pp-theme-toggle__stars {
    opacity: 0;
  }
}

.pp-theme-toggle--drawer .pp-theme-toggle__track {
  width: 56px;
  height: 32px;
  border-color: rgba(255, 255, 255, 0.12);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.pp-theme-toggle--drawer .pp-theme-toggle__thumb {
  width: 26px;
  height: 26px;
}
.pp-theme-toggle--drawer .pp-theme-toggle__ambient--sun {
  left: 9px;
}
.pp-theme-toggle--drawer .pp-theme-toggle__ambient--moon {
  right: 9px;
}
.pp-theme-toggle--drawer.is-dark .pp-theme-toggle__thumb, [data-bs-theme=dark] .pp-theme-toggle--drawer.pp-theme-toggle .pp-theme-toggle__thumb {
  transform: translateX(24px);
}

.guest-shell__drawer-theme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 0 4px;
}

.guest-shell__drawer-theme-label {
  margin: 0;
  color: #94a3b8;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--fw-medium);
}

[data-bs-theme=dark] .pp-topbar .pp-theme-toggle__track {
  border-color: rgba(59, 130, 246, 0.28);
}

@media (max-width: 991px) {
  .pp-theme-toggle__stars {
    opacity: 0 !important;
    background: none !important;
  }
  [data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--sun,
  [data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--sun.pp-icon,
  .pp-theme-toggle.is-dark .pp-theme-toggle__face--sun,
  .pp-theme-toggle.is-dark .pp-theme-toggle__face--sun.pp-icon,
  [data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__ambient--sun,
  .pp-theme-toggle.is-dark .pp-theme-toggle__ambient--sun {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background-image: none !important;
  }
  [data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--moon,
  [data-bs-theme=dark] .pp-theme-toggle .pp-theme-toggle__face--moon.pp-icon,
  .pp-theme-toggle.is-dark .pp-theme-toggle__face--moon,
  .pp-theme-toggle.is-dark .pp-theme-toggle__face--moon.pp-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  [data-bs-theme=light] .pp-theme-toggle .pp-theme-toggle__face--moon,
  [data-bs-theme=light] .pp-theme-toggle .pp-theme-toggle__face--moon.pp-icon,
  html:not([data-bs-theme=dark]) .pp-theme-toggle:not(.is-dark) .pp-theme-toggle__face--moon,
  html:not([data-bs-theme=dark]) .pp-theme-toggle:not(.is-dark) .pp-theme-toggle__face--moon.pp-icon,
  [data-bs-theme=light] .pp-theme-toggle .pp-theme-toggle__ambient--moon,
  html:not([data-bs-theme=dark]) .pp-theme-toggle:not(.is-dark) .pp-theme-toggle__ambient--moon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background-image: none !important;
  }
  [data-bs-theme=light] .pp-theme-toggle .pp-theme-toggle__face--sun,
  [data-bs-theme=light] .pp-theme-toggle .pp-theme-toggle__face--sun.pp-icon,
  html:not([data-bs-theme=dark]) .pp-theme-toggle:not(.is-dark) .pp-theme-toggle__face--sun,
  html:not([data-bs-theme=dark]) .pp-theme-toggle:not(.is-dark) .pp-theme-toggle__face--sun.pp-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-theme-toggle__track,
  .pp-theme-toggle__thumb,
  .pp-theme-toggle__stars,
  .pp-theme-toggle__ambient,
  .pp-theme-toggle__face {
    transition: none;
  }
}
.pp-new-order-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pp-new-order-page .alert {
  margin-top: 16px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .pp-new-order-page .alert {
    margin-top: 0;
  }
}

.pp-main:has(.pp-new-order-page) {
  padding-top: 0;
}
@media (max-width: 991px) {
  .pp-main:has(.pp-new-order-page) {
    padding-top: 20px;
  }
}

.pp-new-order-page .pp-tabs {
  margin-top: 0;
  padding-top: 32px;
}
@media (max-width: 991px) {
  .pp-new-order-page .pp-tabs {
    padding-top: 0;
  }
}

.pp-new-order-page .pp-page-hero {
  display: none;
}

.pp-new-order-page > .pp-card.mb-4,
.pp-new-order-page .pp-platforms,
.pp-new-order-page #mobilePlatformRow,
.pp-new-order-page .pp-mobile-filter-row {
  display: none !important;
}

.pp-new-order-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1199px) {
  .pp-new-order-grid {
    grid-template-columns: 1fr;
  }
}

.pp-new-order-grid > div {
  min-width: 0;
}

.pp-new-order-form-card {
  background: #ffffff;
  border: 1px solid var(--pp-border);
  border-radius: 16px;
  padding: 24px;
}
@media (max-width: 767px) {
  .pp-new-order-form-card {
    padding: 16px;
  }
}

.pp-new-order-form-card__title {
  margin: 0 0 4px;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--pp-text);
}

.pp-new-order-form-card__sub {
  margin: 0 0 20px;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}

.pp-new-order-grid .pp-tabs {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .pp-new-order-grid .pp-tabs {
    margin-bottom: 20px;
  }
}

.pp-new-order-grid .pp-tab-panel {
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.pp-side-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1199px) {
  .pp-side-card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pp-side-card {
    padding: 16px;
  }
}

.pp-side-title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--pp-text);
}

.pp-detail-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pp-detail-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
  margin: 0;
}

.pp-detail-title svg {
  display: none;
}

.pp-detail-desc {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--pp-text-muted);
}

.pp-detail-note {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: #fef3c7;
  color: #f59e0b;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1rem;
}

.pp-detail-note > span:not(.ico) {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #f59e0b;
}

.pp-detail-note .ico {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  overflow: hidden;
}

.pp-detail-note .ico img {
  width: 12px;
  height: 12px;
  display: block;
}

.pp-detail-note .ico svg {
  width: 12px;
  height: 12px;
  display: block;
}

.pp-feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pp-feature-list li {
  position: relative;
  display: block;
  padding-left: 12px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #475569;
}

.pp-feature-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--pp-primary);
}

[dir=rtl] .pp-feature-list li {
  padding-left: 0;
  padding-right: 12px;
}

[dir=rtl] .pp-feature-list li::before {
  left: auto;
  right: 0;
}

.pp-side-section-title {
  margin: 0 0 12px;
  font-weight: var(--fw-bold);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.pp-help-block {
  border-top: 1px solid #f1f5f9;
  padding-top: 16px;
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 767px) {
  .pp-help-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.pp-help-block .lbl,
.pp-help-block .sub {
  display: none;
}

.pp-help-actions {
  display: flex;
  gap: 24px;
  align-items: center;
}

.pp-help-actions a {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: var(--pp-primary);
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none !important;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.pp-help-actions a:hover, .pp-help-actions a:focus, .pp-help-actions a:focus-visible, .pp-help-actions a:active {
  border: 0 !important;
  background: transparent !important;
  color: var(--pp-primary);
  text-decoration: none !important;
  outline: none;
  box-shadow: none;
}

.pp-help-actions a svg {
  display: none;
}

.pp-new-order-text {
  margin-top: 24px;
  color: var(--pp-text-muted);
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.pp-orders-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-orders-page__heading {
  display: none;
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: var(--pp-text);
}
@media (max-width: 991px) {
  .pp-orders-page__heading {
    display: block;
  }
}

.pp-orders-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background: #eff6ff;
  border: 1px solid #1d4ed8;
  color: #1e40af;
}

.pp-orders-info__header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.pp-orders-info__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.pp-orders-info__icon img,
.pp-orders-info__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

.pp-orders-info__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.4375rem;
  color: #1d4ed8;
}

.pp-orders-info__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.pp-orders-info__list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1e40af;
}

.pp-orders-info__bullet {
  flex: 0 0 auto;
  font-weight: var(--fw-bold);
  line-height: 1.25rem;
  color: #1e40af;
}

.pp-orders-info__text {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-orders-info__text strong {
  font-weight: var(--fw-bold);
}

.pp-status-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
}
@media (max-width: 991px) {
  .pp-status-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
    padding: 0 4px 4px;
  }
  .pp-status-tabs::-webkit-scrollbar {
    display: none;
  }
  .pp-status-tabs .pp-status-tab {
    flex-shrink: 0;
  }
}

.pp-status-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 16px;
  border-radius: 99px;
  border: 1px solid var(--pp-border);
  background: #ffffff;
  color: #475569;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.pp-status-tab:hover {
  border-color: #cbd5e1;
  color: var(--pp-text);
}

.pp-status-tab.active {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-semibold);
}

.pp-status-tab__dot {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 6px;
  align-self: center;
  background: currentColor;
  overflow: hidden;
}

.pp-status-tab.active .pp-status-tab__dot {
  background: #ffffff;
}

.pp-status-tab--pending .pp-status-tab__dot {
  background: #eab308;
}

.pp-status-tab--inprogress .pp-status-tab__dot {
  background: #38bdf8;
}

.pp-status-tab--completed .pp-status-tab__dot {
  background: #22c55e;
}

.pp-status-tab--partial .pp-status-tab__dot {
  background: #f97316;
}

.pp-status-tab--processing .pp-status-tab__dot {
  background: #a855f7;
}

.pp-status-tab--canceled .pp-status-tab__dot,
.pp-status-tab--cancelled .pp-status-tab__dot {
  background: #ef4444;
}

.pp-status-tab.active.pp-status-tab--pending .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--inprogress .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--completed .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--partial .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--processing .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--canceled .pp-status-tab__dot,
.pp-status-tab.active.pp-status-tab--cancelled .pp-status-tab__dot {
  background: #ffffff;
}

.pp-orders-search {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
}
@media (max-width: 991px) {
  .pp-orders-search {
    flex-direction: column;
    align-items: stretch;
  }
}

.pp-status-tabs + .pp-orders-search {
  margin-top: 24px;
  margin-bottom: 24px;
}

.pp-orders-page > .pp-status-tabs + .pp-orders-search,
.pp-services-page > .pp-status-tabs + .pp-orders-search,
.pp-services-page .pp-orders-search {
  margin-top: 0;
  margin-bottom: 0;
}

.pp-orders-search .pp-input,
.pp-orders-search__field {
  flex: 1 1 auto;
  position: relative;
  min-width: 0;
  min-height: 42px;
  height: 42px;
  padding: 0 16px;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: none;
}

.pp-orders-search__field .ico {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.pp-orders-search__field .ico svg {
  width: 16px;
  height: 16px;
  display: block;
}

.pp-orders-search__field input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.pp-orders-search__field input::placeholder {
  color: #94a3b8;
}

.pp-orders-search__clear {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  color: var(--pp-text-soft);
}

[dir=rtl] .pp-orders-search__clear {
  right: auto;
  left: 14px;
}

.pp-orders-search__clear:hover {
  color: #ef4444;
}

.pp-orders-search__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 42px;
  height: 42px;
  padding: 12px 24px;
  border: 0;
  border-radius: 10px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
}
@media (max-width: 991px) {
  .pp-orders-search__btn {
    width: 100%;
  }
}

.pp-orders-search__btn:hover {
  background: #1e40af;
  color: #ffffff;
}

.pp-orders-table-wrap {
  margin: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.28s ease;
}

.pp-orders-wrap {
  margin: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.28s ease;
}

.pp-orders-table-wrap--pending {
  opacity: 0;
  pointer-events: none;
}

.pp-orders-table-scroll {
  overflow-x: auto;
}

.pp-orders-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1100px;
  table-layout: fixed;
}

body.pp-body .pp-orders-table thead th,
.pp-orders-table thead th {
  padding: 16px 12px;
  text-align: left;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
}

body.pp-body .pp-orders-table thead th:first-child,
.pp-orders-table thead th:first-child,
.pp-orders-table td:first-child {
  padding-left: 24px;
  padding-right: 12px;
}

body.pp-body .pp-orders-table thead th:last-child,
.pp-orders-table thead th:last-child,
.pp-orders-table td:last-child {
  padding-right: 24px;
  padding-left: 12px;
}

body.pp-body .pp-orders-table thead th:not(:first-child):not(:last-child),
.pp-orders-table thead th:not(:first-child):not(:last-child),
.pp-orders-table td:not(:first-child):not(:last-child) {
  padding-left: 12px;
  padding-right: 12px;
}

[dir=rtl] body.pp-body .pp-orders-table thead th,
[dir=rtl] .pp-orders-table thead th,
[dir=rtl] .pp-orders-table td {
  text-align: right;
}

[dir=rtl] body.pp-body .pp-orders-table thead th:first-child,
[dir=rtl] .pp-orders-table thead th:first-child,
[dir=rtl] .pp-orders-table td:first-child {
  padding-left: 12px;
  padding-right: 24px;
}

[dir=rtl] body.pp-body .pp-orders-table thead th:last-child,
[dir=rtl] .pp-orders-table thead th:last-child,
[dir=rtl] .pp-orders-table td:last-child {
  padding-left: 24px;
  padding-right: 12px;
}

.pp-orders-table td {
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
  border-bottom: 1px solid #e2e8f0;
  vertical-align: middle;
  background: #ffffff;
}

.pp-orders-table tbody tr:hover td {
  background: transparent;
}

.pp-orders-table .col-id {
  width: 70px;
}

.pp-orders-table .col-date {
  width: 100px;
}

.pp-orders-table .col-link {
  width: auto;
}

.pp-orders-table .col-charge {
  width: 70px;
}

.pp-orders-table .col-start {
  width: 90px;
}

.pp-orders-table .col-qty {
  width: 80px;
}

.pp-orders-table .col-service {
  width: 150px;
}

.pp-orders-table .col-status {
  width: 110px;
}

.pp-orders-table .col-remains {
  width: 80px;
}

body.pp-body .pp-orders-table thead th.col-action,
.pp-orders-table thead th.col-action,
.pp-orders-table .col-action {
  width: 140px;
  max-width: 140px;
  text-align: right;
}

[dir=rtl] body.pp-body .pp-orders-table thead th.col-action,
[dir=rtl] .pp-orders-table thead th.col-action,
[dir=rtl] .pp-orders-table .col-action {
  text-align: left;
}

.pp-orders-table a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: var(--fw-regular);
}

.pp-orders-table .id-cell {
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
  white-space: nowrap;
  word-break: break-word;
}

.pp-orders-table .date-cell {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  white-space: nowrap;
}

.pp-orders-table .date-cell .time {
  display: none;
}

.pp-orders-table .link-cell {
  max-width: 0;
  overflow: hidden;
}

.pp-orders-table .link-cell a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1d4ed8;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  max-width: 100%;
}

.pp-orders-table .link-cell a:hover {
  text-decoration: underline;
}

.pp-orders-table .charge-cell,
.pp-orders-table .qty-cell {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
  white-space: nowrap;
}

.pp-orders-table .start-cell,
.pp-orders-table .remains-cell {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  white-space: nowrap;
}

.pp-orders-table td.col-service {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-orders-table .status-cell {
  white-space: nowrap;
}

.pp-orders-table td.col-action {
  text-align: left;
}

[dir=rtl] .pp-orders-table td.col-action {
  text-align: right;
}

.pp-details-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  color: var(--pp-text-soft);
  vertical-align: middle;
}

[dir=rtl] .pp-details-btn {
  margin-left: 0;
  margin-right: 6px;
}

.pp-details-btn:hover {
  color: var(--pp-primary);
}

.pp-cancel-reason {
  display: inline-flex;
  color: var(--pp-text-soft);
  cursor: help;
  margin-left: 4px;
}

[dir=rtl] .pp-cancel-reason {
  margin-left: 0;
  margin-right: 4px;
}

.pp-action-text {
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  color: var(--pp-text-muted);
}

.pp-empty-row td {
  padding: 48px 24px !important;
  text-align: center;
  border-bottom: 0;
}

.pp-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--pp-text-soft);
}

.pp-empty-state p {
  font-size: 0.875rem;
  font-weight: var(--fw-semibold);
  color: var(--pp-text-muted);
  margin: 0;
}

.pp-modal-content {
  border-radius: 16px;
  border: 1px solid var(--pp-border);
  background: #ffffff;
}

.pp-modal-header {
  border-bottom: 1px solid var(--pp-border);
  padding: 16px 20px;
}

.pp-modal-header .modal-title {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  color: var(--pp-text);
}

.pp-modal-body {
  padding: 20px;
}

.pp-modal-field {
  margin-bottom: 14px;
}

.pp-modal-field label {
  display: block;
  font-size: 0.75rem;
  font-weight: var(--fw-bold);
  color: var(--pp-text-soft);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

.pp-modal-input {
  width: 100%;
  background: #f8fafc;
  border: 1px solid var(--pp-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.pp-order-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  white-space: nowrap;
}

.pp-order-status__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 6px;
}

.pp-order-status--completed {
  background: #ebfee6;
  color: #166500;
}

.pp-order-status--completed .pp-order-status__dot {
  background: #166500;
}

.pp-order-status--pending {
  background: #fef3c7;
  color: #92400e;
}

.pp-order-status--pending .pp-order-status__dot {
  background: #92400e;
}

.pp-order-status--inprogress {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-order-status--inprogress .pp-order-status__dot {
  background: #1d4ed8;
}

.pp-order-status--partial {
  background: #fff7ed;
  color: #c2410c;
}

.pp-order-status--partial .pp-order-status__dot {
  background: #c2410c;
}

.pp-order-status--processing {
  background: #f3e8ff;
  color: #6b21a8;
}

.pp-order-status--processing .pp-order-status__dot {
  background: #6b21a8;
}

.pp-order-status--canceled,
.pp-order-status--cancelled {
  background: #fef2f2;
  color: #991b1b;
}

.pp-order-status--canceled .pp-order-status__dot,
.pp-order-status--cancelled .pp-order-status__dot {
  background: #991b1b;
}

.pp-order-actions {
  display: inline-flex;
  gap: 6px;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
}

[dir=rtl] .pp-order-actions {
  justify-content: flex-end;
}

.pp-order-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: normal;
  text-decoration: none;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  background: transparent;
}

.pp-order-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.pp-order-btn--refill {
  color: #1d4ed8;
  border-color: #1d4ed8;
  background: #eff6ff;
}

.pp-order-btn--cancel {
  color: #ef4444;
  border-color: #ef4444;
  background: #fef2f2;
}

.pp-orders-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px;
}

.pp-orders-pagination__meta {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  color: #475569;
  white-space: nowrap;
}

.pp-orders-pagination__nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pp-orders-pagination__edge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
}

.pp-orders-pagination__edge.is-disabled {
  opacity: 0.55;
  pointer-events: none;
  cursor: default;
}

.pp-orders-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background: transparent;
  color: #475569;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  font-family: inherit;
  cursor: pointer;
}

.pp-orders-pagination__page.is-active {
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-semibold);
}

.pp-orders-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  color: #94a3b8;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
}

.pp-orders-val-pair {
  display: none;
}

@media (max-width: 991px) {
  .pp-orders-table-wrap,
  .pp-orders-wrap {
    border: 0;
    background: transparent;
    overflow: visible;
    border-radius: 0;
  }
  .pp-orders-table-scroll {
    overflow: visible;
  }
  .pp-orders-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
  }
  .pp-orders-table thead {
    display: none;
  }
  .pp-orders-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .pp-orders-table tbody tr:not(.pp-empty-row) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    padding: 16px;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    box-shadow: none;
  }
  .pp-orders-page .pp-orders-table tbody tr:not(.pp-empty-row) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "id status" "date status" "service service" "link link" "charge charge" "start start" "action action";
    column-gap: 12px;
    row-gap: 8px;
    align-items: start;
  }
  .pp-orders-table tbody tr:not(.pp-empty-row) td {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 0 !important;
    border: 0;
    min-width: 0;
    width: auto;
    max-width: none;
    overflow: visible;
    white-space: normal;
    text-align: left;
    font-weight: var(--fw-semibold);
    font-size: 0.8125rem;
    line-height: normal;
    color: #0f172a;
  }
  [dir=rtl] .pp-orders-table tbody tr:not(.pp-empty-row) td {
    text-align: right;
  }
  .pp-orders-table tbody tr:not(.pp-empty-row) td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-weight: var(--fw-regular);
    font-size: 0.8125rem;
    line-height: normal;
    color: #475569;
  }
  .pp-orders-val {
    min-width: 0;
    text-align: right;
    white-space: nowrap;
  }
  [dir=rtl] .pp-orders-val {
    text-align: left;
  }
  .pp-orders-table tbody tr:not(.pp-empty-row) td .pp-orders-val a {
    display: inline;
    white-space: nowrap;
  }
  .pp-orders-val-pair {
    display: inline;
    font-weight: inherit;
    color: inherit;
  }
  .pp-orders-table .col-action {
    justify-content: stretch;
    align-items: stretch;
    width: auto;
    padding-top: 4px !important;
    text-align: left;
  }
  .pp-orders-table .col-action::before {
    display: none;
  }
  [dir=rtl] .pp-orders-table .col-action {
    text-align: right;
  }
  .pp-orders-table td.col-action:empty,
  .pp-orders-table td[data-label=""]:empty {
    display: none !important;
  }
  .pp-orders-page .pp-orders-table .id-cell {
    grid-area: id;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: inherit;
    font-weight: var(--fw-bold);
    font-size: 0.9375rem;
    line-height: normal;
    color: #0f172a;
    white-space: nowrap;
  }
  .pp-orders-page .pp-orders-table .id-cell::before {
    display: none;
  }
  .pp-orders-page .pp-orders-table .date-cell {
    grid-area: date;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: -6px;
    font-weight: var(--fw-regular);
    font-size: 0.75rem;
    line-height: normal;
    color: #94a3b8;
    white-space: nowrap;
  }
  .pp-orders-page .pp-orders-table .date-cell::before {
    display: none;
  }
  .pp-orders-page .pp-orders-table .date-cell .time {
    display: none;
  }
  .pp-orders-page .pp-orders-table .status-cell {
    grid-area: status;
    grid-row: 1/span 2;
    align-self: center;
    justify-self: end;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
  }
  .pp-orders-page .pp-orders-table .status-cell::before {
    display: none;
  }
  [dir=rtl] .pp-orders-page .pp-orders-table .status-cell {
    justify-self: start;
    justify-content: flex-start;
  }
  .pp-orders-page .pp-orders-table tbody tr:not(.pp-empty-row) td.col-service {
    grid-area: service;
    margin-top: 4px;
    padding-top: 12px !important;
    border-top: 1px solid #e2e8f0;
    font-size: 0.8125rem;
    line-height: normal;
    color: #0f172a;
    white-space: normal;
    text-overflow: unset;
  }
  .pp-orders-page .pp-orders-table tbody tr:not(.pp-empty-row) td.col-service .pp-orders-val {
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pp-orders-page .pp-orders-table .link-cell {
    grid-area: link;
    max-width: none;
    font-weight: var(--fw-semibold);
  }
  .pp-orders-page .pp-orders-table .link-cell a {
    display: block;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: var(--fw-semibold);
    font-size: 0.8125rem;
    line-height: normal;
    color: #1d4ed8;
    text-align: right;
  }
  .pp-orders-page .pp-orders-table .link-cell .pp-details-btn {
    display: none;
  }
  [dir=rtl] .pp-orders-page .pp-orders-table .link-cell a {
    text-align: left;
  }
  .pp-orders-page .pp-orders-table .charge-cell {
    grid-area: charge;
    font-size: 0.8125rem;
    line-height: normal;
  }
  .pp-orders-page .pp-orders-table .charge-cell .pp-orders-val {
    white-space: nowrap;
  }
  .pp-orders-page .pp-orders-table .start-cell {
    grid-area: start;
    font-weight: var(--fw-semibold);
    font-size: 0.8125rem;
    line-height: normal;
    color: #0f172a;
  }
  .pp-orders-page .pp-orders-table .start-cell .pp-orders-val {
    white-space: nowrap;
  }
  .pp-orders-page .pp-orders-table .qty-cell,
  .pp-orders-page .pp-orders-table .remains-cell {
    display: none !important;
  }
  .pp-orders-page .pp-orders-table .col-action {
    grid-area: action;
  }
  .pp-order-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    align-items: stretch;
    justify-content: stretch;
  }
  .pp-order-btn {
    width: 100%;
    justify-content: center;
    padding: 8px 16px;
    font-size: 0.8125rem;
    line-height: normal;
    border-radius: 8px;
    font-weight: var(--fw-semibold);
  }
  .pp-order-btn--refill {
    color: #1d4ed8;
    border-color: #1d4ed8;
    background: #eff6ff;
  }
  .pp-order-btn--cancel {
    color: #ef4444;
    border-color: #ef4444;
    background: #fef2f2;
  }
  .pp-action-text {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid var(--pp-border);
  }
  .pp-empty-row {
    display: block !important;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .pp-empty-row td {
    display: block !important;
    padding: 48px 24px !important;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-align: center !important;
  }
  .pp-empty-row td::before {
    display: none;
  }
  .pp-orders-pagination {
    padding: 36px 0 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  .pp-orders-pagination__meta {
    text-align: center;
    white-space: normal;
    font-size: 0.8125rem;
  }
  .pp-orders-pagination__nav {
    flex-wrap: wrap;
    justify-content: center;
  }
  .pp-orders-pagination__edge {
    padding: 6px 10px;
    font-size: 0.75rem;
  }
  .pp-orders-pagination__page {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }
  .pp-orders-pagination__ellipsis {
    font-size: 0.75rem;
  }
}
.pp-order-confirm-modal {
  --pp-modal-primary: #3b5bfe;
  --pp-modal-text: #1c1c2e;
  --pp-modal-muted: #64748b;
  --pp-modal-border: #e2e8f0;
}

.pp-order-confirm-modal.fade.show {
  opacity: 1 !important;
  display: block !important;
}

.pp-order-confirm-modal.fade.show .modal-dialog {
  transform: none !important;
  -webkit-transform: none !important;
}

.pp-order-confirm-modal__dialog {
  max-width: 480px;
  margin: 1.75rem auto;
}

.pp-order-confirm-modal__content {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 16px 32px rgba(9, 9, 11, 0.12);
  padding: 32px;
  gap: 28px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.pp-order-confirm-modal#ppCancelModal .pp-order-confirm-modal__content {
  border-radius: 14px;
  box-shadow: 0 16px 32px rgba(9, 9, 11, 0.15);
  gap: 24px;
}

.pp-order-confirm-modal__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.pp-order-confirm-modal__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  flex: 0 0 56px;
}

.pp-order-confirm-modal__badge img {
  width: 24px;
  height: 24px;
  display: block;
}

.pp-order-confirm-modal__badge--refill {
  background: rgba(59, 91, 254, 0.0509804);
  border: 1px solid rgba(59, 91, 254, 0.14902);
}

.pp-order-confirm-modal__badge--cancel {
  background: #fef3c7;
  border: 0;
}

.pp-order-confirm-modal__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: var(--pp-modal-text);
}

.pp-order-confirm-modal__subtitle {
  margin: 6px 0 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-modal-muted);
}

.pp-order-confirm-modal#ppCancelModal .pp-order-confirm-modal__subtitle {
  line-height: 1.225rem;
  margin-top: 0;
}

.pp-order-confirm-modal__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid var(--pp-modal-border);
}

.pp-order-confirm-modal__card--plain {
  gap: 12px;
  padding: 16px;
  border-radius: 10px;
}

.pp-order-confirm-modal__card-label {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--pp-modal-muted);
}

.pp-order-confirm-modal__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--pp-modal-border);
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.pp-order-confirm-modal__card--plain .pp-order-confirm-modal__row {
  padding-bottom: 12px;
  font-size: 0.8125rem;
  line-height: 1rem;
}

.pp-order-confirm-modal__row--last {
  padding-bottom: 0;
  border-bottom: 0;
}

.pp-order-confirm-modal__row > span:first-child {
  color: var(--pp-modal-muted);
  font-weight: var(--fw-regular);
  flex: 0 0 auto;
}

.pp-order-confirm-modal__row strong {
  margin: 0;
  font-weight: var(--fw-semibold);
  color: var(--pp-modal-text);
  text-align: end;
  word-break: break-word;
}

.pp-order-confirm-modal__card--plain .pp-order-confirm-modal__row strong[data-field=id],
.pp-order-confirm-modal__card--plain .pp-order-confirm-modal__row strong[data-field=charge] {
  font-weight: var(--fw-bold);
}

.pp-order-confirm-modal__charge {
  font-weight: var(--fw-bold) !important;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--pp-modal-primary) !important;
}

.pp-order-confirm-modal__link {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fw-semibold);
  color: var(--pp-modal-primary);
  text-decoration: none;
}

.pp-order-confirm-modal__card--plain .pp-order-confirm-modal__link {
  font-weight: var(--fw-medium);
  color: #1d4ed8;
}

.pp-order-confirm-modal__link:hover {
  text-decoration: underline;
}

.pp-order-confirm-modal__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pp-order-confirm-modal__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38bdf8;
  flex: 0 0 6px;
}

.pp-order-confirm-modal__status strong {
  font-weight: var(--fw-semibold);
  color: #1d4ed8;
}

.pp-order-confirm-modal__status[data-status=completed] .pp-order-confirm-modal__status-dot {
  background: #22c55e;
}

.pp-order-confirm-modal__status[data-status=completed] strong {
  color: #16a34a;
}

.pp-order-confirm-modal__status[data-status=pending] .pp-order-confirm-modal__status-dot {
  background: #eab308;
}

.pp-order-confirm-modal__status[data-status=pending] strong {
  color: #ca8a04;
}

.pp-order-confirm-modal__status[data-status=inprogress] .pp-order-confirm-modal__status-dot {
  background: #38bdf8;
}

.pp-order-confirm-modal__status[data-status=inprogress] strong {
  color: #1d4ed8;
}

.pp-order-confirm-modal__status[data-status=partial] .pp-order-confirm-modal__status-dot {
  background: #f97316;
}

.pp-order-confirm-modal__status[data-status=partial] strong {
  color: #ea580c;
}

.pp-order-confirm-modal__status[data-status=processing] .pp-order-confirm-modal__status-dot {
  background: #a855f7;
}

.pp-order-confirm-modal__status[data-status=processing] strong {
  color: #9333ea;
}

.pp-order-confirm-modal__status[data-status=canceled] .pp-order-confirm-modal__status-dot,
.pp-order-confirm-modal__status[data-status=cancelled] .pp-order-confirm-modal__status-dot {
  background: #ef4444;
}

.pp-order-confirm-modal__status[data-status=canceled] strong,
.pp-order-confirm-modal__status[data-status=cancelled] strong {
  color: #dc2626;
}

.pp-order-confirm-modal__note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border-radius: 10px;
}

.pp-order-confirm-modal__note--info {
  background: rgba(59, 91, 254, 0.0509804);
  border: 1px solid rgba(59, 91, 254, 0.14902);
}

.pp-order-confirm-modal__note--warn {
  gap: 8px;
  padding: 14px;
  border-radius: 8px;
  background: #fffbeb;
  border: 1px solid #fde68a;
}

.pp-order-confirm-modal__note-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.pp-order-confirm-modal__note-icon img {
  width: 16px;
  height: 16px;
  display: block;
}

.pp-order-confirm-modal__note p {
  margin: 0;
  flex: 1 1 auto;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  color: var(--pp-modal-text);
}

.pp-order-confirm-modal__note--warn p {
  font-weight: var(--fw-medium);
  font-size: 0.75rem;
  line-height: 1rem;
  color: #92400e;
}

.pp-order-confirm-modal__actions {
  display: flex;
  gap: 12px;
  width: 100%;
}

.pp-order-confirm-modal__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  white-space: nowrap;
}

.pp-order-confirm-modal#ppCancelModal .pp-order-confirm-modal__btn {
  padding: 12px 16px;
}

.pp-order-confirm-modal__btn--ghost {
  background: #ffffff;
  border-color: var(--pp-modal-border);
  color: #475569;
}

.pp-order-confirm-modal__btn--ghost:hover {
  background: #f8fafc;
  color: #475569;
}

.pp-order-confirm-modal__btn--primary {
  background: var(--pp-modal-primary);
  color: #ffffff;
}

.pp-order-confirm-modal__btn--primary:hover {
  background: #2f4de6;
  color: #ffffff;
}

.pp-order-confirm-modal__btn--danger {
  background: #e53935;
  color: #ffffff;
}

.pp-order-confirm-modal__btn--danger:hover {
  background: #d32f2f;
  color: #ffffff;
}

@media (max-width: 575.98px) {
  .pp-order-confirm-modal__dialog {
    margin: 1rem;
    max-width: calc(100% - 2rem);
  }
  .pp-order-confirm-modal__content {
    padding: 24px 20px;
    gap: 20px;
  }
  .pp-order-confirm-modal__actions {
    flex-direction: column;
  }
  .pp-order-confirm-modal__btn {
    width: 100%;
    white-space: normal;
  }
}
.pp-addfunds-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .pp-addfunds-page {
    gap: 20px;
  }
}

.pp-addfunds-page form {
  margin: 0;
}

.pp-addfunds-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .pp-addfunds-balance {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
  }
}

.pp-addfunds-balance__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.pp-addfunds-balance__label {
  margin: 0;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text-muted);
  background: transparent;
}

.pp-addfunds-balance__amt {
  margin: 0;
  font-weight: var(--fw-extrabold);
  font-size: 2.25rem;
  line-height: normal;
  color: #1d4ed8;
}
@media (max-width: 767px) {
  .pp-addfunds-balance__amt {
    font-size: 1.75rem;
  }
}

.pp-addfunds-balance__divider {
  display: none;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #e2e8f0;
}
@media (max-width: 767px) {
  .pp-addfunds-balance__divider {
    display: block;
  }
}

.pp-addfunds-balance__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 0;
}
@media (max-width: 767px) {
  .pp-addfunds-balance__side {
    align-items: flex-start;
    gap: 6px;
    width: 100%;
  }
}

.pp-addfunds-balance__badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 8px;
  background: #d1fae5;
  font-weight: var(--fw-bold);
  font-size: 0.75rem;
  line-height: normal;
  color: #10b981;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .pp-addfunds-balance__badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.625rem;
    text-transform: uppercase;
  }
}

.pp-addfunds-balance__meta {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #64748b;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .pp-addfunds-balance__meta {
    font-size: 0.6875rem;
    white-space: normal;
  }
}

.pp-addfunds-compose {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  min-width: 0;
}
@media (max-width: 991px) {
  .pp-addfunds-compose {
    gap: 20px;
  }
}

.pp-addfunds-compose__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
  width: 100%;
  min-width: 0;
}
@media (max-width: 991px) {
  .pp-addfunds-compose__form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    max-width: 100%;
  }
}

.pp-addfunds-alert {
  grid-column: 1/-1;
}

.pp-addfunds-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  margin: 0;
  min-width: 0;
}
@media (max-width: 991px) {
  .pp-addfunds-form {
    display: contents;
  }
}

.pp-addfunds-form__fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .pp-addfunds-form__fields {
    gap: 20px;
    padding: 16px;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    order: 1;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}

.pp-addfunds-form__intro {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 991px) {
  .pp-addfunds-form__intro {
    gap: 4px;
  }
}

.pp-addfunds-form__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: var(--pp-text);
}
@media (max-width: 991px) {
  .pp-addfunds-form__title {
    font-size: 1rem;
  }
}

.pp-addfunds-form__sub {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text-muted);
}
@media (max-width: 991px) {
  .pp-addfunds-form__sub {
    font-size: 0.75rem;
    line-height: 1.4;
  }
}

.pp-addfunds-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.pp-addfunds-method {
  gap: 6px;
}

.pp-addfunds-page .pp-addfunds-field__label {
  margin: 0;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text-muted);
  background: transparent;
}
@media (max-width: 991px) {
  .pp-addfunds-page .pp-addfunds-field__label {
    font-size: 0.75rem;
  }
}

.pp-addfunds-page .pp-amount-input {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 14px 16px;
  background: var(--pp-input-bg);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  box-shadow: none;
  color: var(--pp-text);
}
@media (max-width: 991px) {
  .pp-addfunds-page .pp-amount-input {
    min-height: 44px;
    padding: 12px 16px;
    border-radius: 8px;
  }
}

.pp-addfunds-page .pp-amount-input::before {
  content: none;
}

.pp-amount-input__prefix {
  font-weight: var(--fw-bold);
  font-size: 1rem;
  line-height: normal;
  color: var(--pp-text-muted);
}
@media (max-width: 991px) {
  .pp-amount-input__prefix {
    font-size: 0.9375rem;
  }
}

.pp-addfunds-page .pp-amount-input input,
.pp-addfunds-page .pp-amount-input input#amount {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-weight: var(--fw-semibold);
  font-size: 1rem;
  line-height: normal;
  color: var(--pp-text);
  -webkit-text-fill-color: currentColor;
  caret-color: var(--pp-text);
  font-family: inherit;
  padding: 0;
}
@media (max-width: 991px) {
  .pp-addfunds-page .pp-amount-input input,
  .pp-addfunds-page .pp-amount-input input#amount {
    font-size: 0.9375rem;
  }
}

.pp-addfunds-page .pp-amount-input input::placeholder {
  color: var(--pp-text-soft);
  opacity: 1;
}

.pp-amount-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: normal;
  color: var(--pp-text-soft);
}
@media (max-width: 991px) {
  .pp-amount-hint {
    font-size: 0.6875rem;
  }
}

.pp-addfunds-select {
  position: relative;
  width: 100%;
}

.pp-addfunds-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  pointer-events: none;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLWRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNCA2TDggMTBMMTIgNiIgc3Ryb2tlPSIjNDc1NTY5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.rtl-form .pp-addfunds-select::after,
[dir=rtl] .pp-addfunds-select::after {
  right: auto;
  left: 16px;
}

.pp-addfunds-select select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-height: 48px;
  padding: 12px 44px 12px 16px;
  background: var(--pp-input-bg);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  color: var(--pp-text);
  font-family: inherit;
  cursor: pointer;
}
@media (max-width: 991px) {
  .pp-addfunds-select select {
    min-height: 44px;
  }
}

.rtl-form .pp-addfunds-select select,
[dir=rtl] .pp-addfunds-select select {
  padding: 12px 16px 12px 44px;
}

.pp-addfunds-select select:focus {
  outline: none;
  border-color: var(--pp-primary);
}

.pp-addfunds-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-top: 16px;
}
@media (max-width: 991px) {
  .pp-addfunds-actions {
    gap: 12px;
    padding-top: 8px;
    order: 3;
    width: 100%;
  }
}

.pp-addfunds-page .pp-addfunds-submit {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  line-height: normal;
  border: 0;
}

.pp-addfunds-page .pp-addfunds-submit:hover {
  background: #1e40af;
  color: #ffffff;
}

.pp-addfunds-secure-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: normal;
  color: #475569;
}
@media (max-width: 991px) {
  .pp-addfunds-secure-note {
    font-size: 0.6875rem;
    line-height: 1.4;
  }
}

.pp-addfunds-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  width: 100%;
  position: static;
}
@media (max-width: 991px) {
  .pp-addfunds-rail {
    display: contents;
  }
}

@media (max-width: 991px) {
  .pp-addfunds-rail--solo {
    display: flex;
    width: 100%;
  }
}

.pp-addfunds-summary,
.pp-addfunds-bonus {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .pp-addfunds-summary,
  .pp-addfunds-bonus {
    padding: 16px;
    border-radius: 12px;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .pp-addfunds-summary {
    order: 2;
  }
}

@media (max-width: 991px) {
  .pp-addfunds-bonus {
    order: 4;
  }
}

.pp-addfunds-summary__head,
.pp-addfunds-bonus__head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pp-addfunds-summary__icon,
.pp-addfunds-bonus__icon,
.pp-addfunds-tip__icon,
.pp-addfunds-history__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.pp-addfunds-summary__icon {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #eff6ff;
}

.pp-addfunds-bonus__icon {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #fef9c3;
}

.pp-addfunds-summary__title,
.pp-addfunds-bonus__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 0.875rem;
  line-height: normal;
  color: #111827;
}

.pp-addfunds-summary__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.pp-addfunds-summary__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  font-size: 0.8125rem;
  line-height: normal;
}
.pp-addfunds-summary__row span {
  font-weight: var(--fw-regular);
  color: #6b7280;
}
.pp-addfunds-summary__row strong {
  font-weight: var(--fw-semibold);
  color: #374151;
}

.pp-addfunds-summary__divider {
  width: 100%;
  height: 1px;
  background: #f3f4f6;
}

.pp-addfunds-summary__row--total span,
.pp-addfunds-summary__row--total strong {
  font-weight: var(--fw-bold);
}
.pp-addfunds-summary__row--total span {
  color: #111827;
}
.pp-addfunds-summary__row--total strong {
  color: #10b981;
}

.pp-addfunds-bonus__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.pp-addfunds-bonus__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  background: #f9fafb;
  border-radius: 8px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #374151;
}

.pp-addfunds-bonus__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 6px;
  background: #d1fae5;
  font-weight: var(--fw-bold);
  font-size: 0.6875rem;
  line-height: normal;
  color: #059669;
  white-space: nowrap;
}

.pp-addfunds-tip {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .pp-addfunds-tip {
    order: 5;
    width: 100%;
  }
}

.pp-addfunds-tip__icon {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #fef3c7;
}

.pp-addfunds-tip__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}

.pp-addfunds-tip__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #92400e;
}

.pp-addfunds-tip__text {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.5;
  color: #78350f;
}

.pp-addfunds-gateway {
  margin: 0;
}

.pp-addfunds-history {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  margin: 0;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .pp-addfunds-history {
    padding: 16px;
    gap: 16px;
    border-radius: 12px;
    width: 100%;
  }
}

.pp-addfunds-history__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  opacity: 1;
  transition: opacity 0.28s ease;
}

.pp-addfunds-history__body.pp-orders-table-wrap--pending {
  opacity: 0;
  pointer-events: none;
}

.pp-addfunds-history__head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pp-addfunds-history__icon {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #f3f4f6;
}

.pp-addfunds-history__head h3 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1rem;
  line-height: normal;
  color: #111827;
}

.pp-addfunds-history__table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: 8px;
  -webkit-overflow-scrolling: touch;
}

.pp-addfunds-history__table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.8125rem;
  line-height: normal;
}

.pp-addfunds-history__table thead th {
  padding: 12px 16px;
  background: #1f2937;
  color: #f9fafb;
  font-weight: var(--fw-semibold);
  text-align: left;
  white-space: nowrap;
}

.pp-addfunds-history__table thead th:first-child {
  width: 80px;
  border-radius: 8px 0 0 0;
}

.pp-addfunds-history__table thead th:nth-child(2) {
  width: 140px;
}

.pp-addfunds-history__table thead th:last-child {
  width: 100px;
  text-align: right;
  border-radius: 0 8px 0 0;
}

.pp-addfunds-history__table tbody td {
  padding: 14px 16px;
  color: #374151;
  font-weight: var(--fw-regular);
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
  word-break: break-word;
}

.pp-addfunds-history__table tbody tr:nth-child(even) td {
  background: #f9fafb;
}

.pp-addfunds-history__table tbody tr:last-child td {
  border-bottom: 0;
}

.pp-addfunds-history__table tbody td:last-child {
  text-align: right;
  font-weight: var(--fw-semibold);
}

.pp-addfunds-history__amt.is-in {
  color: #10b981;
}

.pp-addfunds-history__amt.is-out {
  color: #374151;
}

.pp-addfunds-history .pp-orders-pagination {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 100%;
}

@media (max-width: 991px) {
  .pp-addfunds-page,
  .pp-addfunds-balance,
  .pp-addfunds-compose,
  .pp-addfunds-gateway,
  .pp-addfunds-alert {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .pp-addfunds-history {
    width: 100%;
    padding: 16px;
    gap: 16px;
    border-radius: 12px;
  }
  .pp-addfunds-history__table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .pp-addfunds-history__table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }
  .pp-addfunds-history__table thead {
    display: table-header-group;
  }
  .pp-addfunds-history__table thead th {
    padding: 10px 12px;
    font-size: 0.75rem;
  }
  .pp-addfunds-history__table thead th:first-child,
  .pp-addfunds-history__table tbody td:first-child {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
  .pp-addfunds-history__table thead th:nth-child(2),
  .pp-addfunds-history__table thead th:nth-child(3),
  .pp-addfunds-history__table thead th:last-child {
    width: auto;
  }
  .pp-addfunds-history__table tbody {
    display: table-row-group;
  }
  .pp-addfunds-history__table tbody tr:not(.pp-empty-row) {
    display: table-row;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .pp-addfunds-history__table tbody tr:not(.pp-empty-row) td {
    display: table-cell;
    padding: 12px;
    border-bottom: 1px solid #f3f4f6;
    background: transparent;
    width: auto;
    max-width: none;
    font-weight: var(--fw-regular);
    font-size: 0.75rem;
    line-height: normal;
    color: #374151;
    vertical-align: middle;
    word-break: break-word;
  }
  .pp-addfunds-history__table tbody tr:not(.pp-empty-row) td::before {
    content: none;
    display: none;
  }
  .pp-addfunds-history__table tbody tr:nth-child(even) td {
    background: #f9fafb;
  }
  .pp-addfunds-history__table tbody tr:last-child td {
    border-bottom: 0;
  }
  .pp-addfunds-history__table tbody td:last-child {
    text-align: right;
    font-weight: var(--fw-semibold);
    white-space: nowrap;
  }
  .pp-addfunds-history__amt.is-in {
    color: #10b981;
  }
  .pp-addfunds-history__amt.is-out {
    color: #374151;
  }
}
.pp-addfunds-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 0;
  flex-wrap: wrap;
  width: 100%;
}

.pp-addfunds-pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1rem;
  text-decoration: none;
}

.pp-addfunds-pagination a.active {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
}

[data-bs-theme=dark] .pp-addfunds-page .pp-addfunds-form__fields {
  background-color: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-addfunds-page .pp-addfunds-field {
  background: transparent !important;
}
[data-bs-theme=dark] .pp-addfunds-page .pp-addfunds-field__label {
  color: var(--pp-text) !important;
  background: transparent !important;
  -webkit-text-fill-color: currentColor;
}
[data-bs-theme=dark] .pp-addfunds-page .pp-addfunds-form__title {
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-addfunds-page .pp-addfunds-form__sub {
  color: var(--pp-text-muted) !important;
}

.pp-massorder-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-massorder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1199px) {
  .pp-massorder-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.pp-massorder-grid > div,
.pp-massorder-rail {
  min-width: 0;
}

.pp-massorder-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1199px) {
  .pp-massorder-main {
    gap: 16px;
  }
}

.pp-massorder-rail {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1199px) {
  .pp-massorder-rail {
    gap: 16px;
  }
}

/* ─── Info card ─── */
.pp-info-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  background: #eff6ff;
  border: 1px solid #d3e0fa;
  border-radius: 12px;
  color: #475569;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-info-card {
    gap: 12px;
    padding: 16px;
  }
}

.pp-info-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
@media (max-width: 1199px) {
  .pp-info-card__head {
    gap: 8px;
  }
}

.pp-info-card__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: 800;
  font-size: 0.6875rem;
  line-height: normal;
  text-transform: lowercase;
}

.pp-info-card__head h3 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1rem;
  line-height: normal;
  color: #1d4ed8;
}
@media (max-width: 1199px) {
  .pp-info-card__head h3 {
    font-size: 0.875rem;
  }
}

.pp-info-card > p {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #475569;
}
@media (max-width: 1199px) {
  .pp-info-card > p {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}

.pp-info-card__format {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  background: var(--pp-surface);
  border: 1px solid var(--pp-border);
  border-radius: 8px;
  padding: 12px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-info-card__format {
    gap: 6px;
  }
}

.pp-info-card__format-label {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text);
  margin: 0;
}
@media (max-width: 1199px) {
  .pp-info-card__format-label {
    font-weight: var(--fw-bold);
    font-size: 0.75rem;
  }
}

.pp-info-card__examples {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1199px) {
  .pp-info-card__examples {
    gap: 2px;
  }
}

.pp-info-card__examples p {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: normal;
  color: var(--pp-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199px) {
  .pp-info-card__examples p {
    font-size: 0.6875rem;
    white-space: normal;
  }
}

/* ─── Form card ─── */
.pp-massorder-form-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-radius: 16px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-massorder-form-card {
    gap: 16px;
    padding: 16px;
  }
}

.pp-massorder-form-card form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1199px) {
  .pp-massorder-form-card form {
    gap: 16px;
  }
}

.pp-massorder-form-card__head {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pp-massorder-form-card__head h2 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: #0f172a;
}
@media (max-width: 1199px) {
  .pp-massorder-form-card__head h2 {
    line-height: 1.3;
  }
}

.pp-massorder-form-card__head p {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  color: #475569;
}
@media (max-width: 1199px) {
  .pp-massorder-form-card__head p {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}

.pp-massorder-form-card .pp-field {
  margin: 0;
}

.pp-massorder-page .pp-textarea {
  display: block;
  width: 100%;
  min-height: 300px;
  height: 300px;
  box-sizing: border-box;
  resize: vertical;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #0f172a;
  font-family: inherit;
}
@media (max-width: 1199px) {
  .pp-massorder-page .pp-textarea {
    min-height: 160px;
    height: 160px;
    padding: 12px;
    border-radius: 10px;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.pp-massorder-page .pp-textarea::placeholder {
  color: #94a3b8;
}

.pp-massorder-page .pp-textarea:focus {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
  background: #ffffff;
}

.pp-massorder-form-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.pp-massorder-form-card__lines {
  margin: 0;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: normal;
  color: #475569;
}
@media (max-width: 1199px) {
  .pp-massorder-form-card__lines {
    font-weight: var(--fw-regular);
    font-size: 0.8125rem;
  }
}

.pp-massorder-form-card__lines strong {
  font-weight: var(--fw-bold);
  color: #1d4ed8;
}

.pp-massorder-import {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 1199px) {
  .pp-massorder-import {
    gap: 6px;
    padding: 6px 12px;
    font-size: 0.75rem;
  }
}

.pp-massorder-import:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.pp-massorder-import__icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1cGxvYWQiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzQpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcgMS43NVY4Ljc1TTQuMDgzMzMgNC42NjY2N0w3IDEuNzVMOS45MTY2NyA0LjY2NjY3TTEyLjI1IDguNzVWMTEuMDgzM0MxMi4yNSAxMS4zOTI4IDEyLjEyNzEgMTEuNjg5NSAxMS45MDgzIDExLjkwODNDMTEuNjg5NSAxMi4xMjcxIDExLjM5MjggMTIuMjUgMTEuMDgzMyAxMi4yNUgyLjkxNjY3QzIuNjA3MjUgMTIuMjUgMi4zMTA1IDEyLjEyNzEgMi4wOTE3MSAxMS45MDgzQzEuODcyOTIgMTEuNjg5NSAxLjc1IDExLjM5MjggMS43NSAxMS4wODMzVjguNzUiIHN0cm9rZT0iIzQ3NTU2OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzQiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center/14px 14px no-repeat;
}
@media (max-width: 1199px) {
  .pp-massorder-import__icon {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    background-size: 14px 14px;
  }
}

.pp-massorder-import__text-sm {
  display: none;
}

@media (max-width: 1199px) {
  .pp-massorder-import__text {
    display: none;
  }
  .pp-massorder-import__text-sm {
    display: inline;
  }
}
.pp-massorder-page .pp-submit {
  width: 100%;
  justify-content: center;
  padding: 16px;
  border: 0;
  border-radius: 10px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-bold);
  font-size: 1rem;
  line-height: normal;
}
@media (max-width: 1199px) {
  .pp-massorder-page .pp-submit {
    padding: 12px;
    font-weight: var(--fw-semibold);
    font-size: 0.875rem;
  }
}

.pp-massorder-page .pp-submit:hover {
  background: #1e40af;
}

/* ─── Quick Service Reference ─── */
.pp-massorder-ref {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-radius: 16px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-massorder-ref {
    gap: 12px;
    padding: 16px;
  }
}

.pp-massorder-ref__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  line-height: normal;
  color: #0f172a;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__title {
    line-height: 1.3;
  }
}

.pp-massorder-ref__table {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.pp-massorder-ref__head,
.pp-massorder-ref__row {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #e2e8f0;
}

.pp-massorder-ref__head {
  align-items: flex-start;
  padding-bottom: 8px;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  color: #94a3b8;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__head {
    padding-bottom: 6px;
    font-weight: var(--fw-bold);
    font-size: 0.6875rem;
  }
}

.pp-massorder-ref__row {
  padding: 10px 0;
  font-size: 0.8125rem;
  line-height: normal;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__row {
    padding: 8px 0;
    font-size: 0.75rem;
  }
}

.pp-massorder-ref__id {
  flex: 0 0 40px;
  width: 40px;
}

.pp-massorder-ref__row .pp-massorder-ref__id {
  font-weight: var(--fw-semibold);
  color: #1d4ed8;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__row .pp-massorder-ref__id {
    font-weight: var(--fw-bold);
  }
}

.pp-massorder-ref__service {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
}

.pp-massorder-ref__head .pp-massorder-ref__service {
  color: #94a3b8;
}

.pp-massorder-ref__rate {
  flex: 0 0 80px;
  width: 80px;
  text-align: right;
  color: #475569;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__rate {
    flex-basis: 60px;
    width: 60px;
  }
}

.pp-massorder-ref__head .pp-massorder-ref__rate {
  color: #94a3b8;
}

[dir=rtl] .pp-massorder-ref__rate {
  text-align: left;
}

.pp-massorder-ref__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #1d4ed8;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__link {
    padding-top: 4px;
    font-weight: var(--fw-bold);
    font-size: 0.75rem;
  }
}

.pp-massorder-ref__link:hover {
  color: #1e40af;
}

.pp-massorder-ref__chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMuNzUgNy41TDYuMjUgNUwzLjc1IDIuNSIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/10px 10px no-repeat;
}
@media (max-width: 1199px) {
  .pp-massorder-ref__chevron {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
    background-size: 10px 10px;
  }
}

[dir=rtl] .pp-massorder-ref__chevron {
  transform: scaleX(-1);
}

/* ─── Important Notes ─── */
.pp-massorder-notes {
  padding: 20px;
  border-radius: 16px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-massorder-notes {
    padding: 16px;
  }
}

.pp-massorder-notes h3 {
  margin: 0 0 16px;
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  line-height: normal;
  color: #0f172a;
}
@media (max-width: 1199px) {
  .pp-massorder-notes h3 {
    margin-bottom: 12px;
    line-height: 1.3;
  }
}

.pp-massorder-notes ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1199px) {
  .pp-massorder-notes ul {
    gap: 8px;
  }
}

.pp-massorder-notes li {
  position: relative;
  padding-left: 13px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #475569;
}

.pp-massorder-notes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 5px;
  height: 10px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA1IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iYnVsbGV0Ij4KPGNpcmNsZSBpZD0iRWxsaXBzZSIgY3g9IjIuNSIgY3k9IjcuNSIgcj0iMi41IiBmaWxsPSIjMUQ0RUQ4Ii8+CjwvZz4KPC9zdmc+Cg==") left top/5px 10px no-repeat;
}

[dir=rtl] .pp-massorder-notes li {
  padding-left: 0;
  padding-right: 13px;
}

[dir=rtl] .pp-massorder-notes li::before {
  left: auto;
  right: 0;
}

/* ─── Recent Bulk Submissions ─── */
.pp-massorder-recent {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-radius: 16px;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pp-massorder-recent {
    gap: 12px;
    padding: 16px;
  }
}

.pp-massorder-recent__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 0.9375rem;
  line-height: normal;
  color: #0f172a;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__title {
    line-height: 1.3;
  }
}

.pp-massorder-recent__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__list {
    gap: 10px;
  }
}

.pp-massorder-recent__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--pp-surface-muted);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  box-sizing: border-box;
}

.pp-massorder-recent__top,
.pp-massorder-recent__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.pp-massorder-recent__batch {
  font-weight: var(--fw-bold);
  font-size: 0.875rem;
  line-height: normal;
  color: #0f172a;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__batch {
    font-size: 0.8125rem;
  }
}

.pp-massorder-recent__date {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: normal;
  color: #94a3b8;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__date {
    font-size: 0.6875rem;
  }
}

.pp-massorder-recent__meta {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__meta {
    font-size: 0.75rem;
  }
}

.pp-massorder-recent__meta strong {
  font-weight: var(--fw-semibold);
  color: #0f172a;
}

.pp-massorder-recent__badge {
  display: inline-flex;
  align-items: flex-start;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .pp-massorder-recent__badge {
    font-weight: var(--fw-bold);
    font-size: 0.625rem;
  }
}

.pp-massorder-recent__badge--ok {
  background: #dcfce7;
  color: #15803d;
}

.pp-massorder-recent__badge--partial {
  background: #ffedd5;
  color: #c2410c;
}

.pp-services-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-services-page .svc-tabs-wrap {
  padding-left: 0;
  padding-right: 0;
}

.pp-services-page .pp-orders-table-wrap {
  opacity: 1;
  transition: opacity 0.35s ease;
  pointer-events: auto;
}

.pp-services-page .pp-orders-table-wrap--pending {
  opacity: 0;
  pointer-events: none;
}

.pp-services-page .pp-orders-search__field input.form-control {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  height: auto;
  min-height: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.pp-services-tabs {
  margin-bottom: 0;
}

.pp-services-page .pp-services-platform-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab {
  flex-shrink: 0;
  white-space: nowrap;
  font-family: inherit;
  box-shadow: none;
  border: 1px solid #383838;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab.active,
.pp-services-page .pp-services-platform-tabs .home-pricing__tab.home-pricing__tab--active,
.pp-services-page .pp-services-platform-tabs .home-pricing__tab[aria-selected=true] {
  background: #ffffff;
  color: #000000;
  box-shadow: none;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab.active .home-pricing__tab-icon,
.pp-services-page .pp-services-platform-tabs .home-pricing__tab.home-pricing__tab--active .home-pricing__tab-icon,
.pp-services-page .pp-services-platform-tabs .home-pricing__tab[aria-selected=true] .home-pricing__tab-icon {
  background-color: #000000;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab--soon,
.pp-services-page .pp-services-platform-tabs .home-pricing__tab--soon[aria-selected=true] {
  background-color: #383838;
  color: rgba(255, 255, 255, 0.65);
  border-color: #383838;
  cursor: not-allowed;
  opacity: 1;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab--soon .home-pricing__tab-badge {
  display: inline-flex;
}

.pp-services-page .pp-services-platform-tabs .home-pricing__tab-badge[hidden] {
  display: none !important;
}

@media (max-width: 991px) {
  .pp-services-page .pp-services-platform-tabs {
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pp-services-page .pp-services-platform-tabs::-webkit-scrollbar {
    display: none;
  }
}
.pp-services-table {
  min-width: 960px;
}

/* Reset legacy .svc-tr { display:grid } so real <tr> cells align under thead */
.pp-services-table tbody tr.svc-tr {
  display: table-row;
  gap: unset;
  padding: 0;
  align-items: unset;
  background: transparent;
  border-bottom: 0;
  grid-template-columns: unset;
}

.pp-services-table tbody tr.svc-tr:hover {
  background: transparent;
}

.pp-services-table tbody tr.svc-tr > td {
  display: table-cell;
}

.pp-services-table .col-fav {
  width: 44px;
}

.pp-services-table .col-id {
  width: 72px;
}

.pp-services-table .col-rate {
  width: 110px;
}

.pp-services-table .col-min,
.pp-services-table .col-max {
  width: 90px;
}

.pp-services-table .col-avg {
  width: 110px;
}

.pp-services-table .col-desc {
  width: 180px;
}

.pp-services-table .col-action {
  width: 220px;
}

.pp-services-table .fav-cell {
  padding-left: 24px !important;
}

[dir=rtl] .pp-services-table .fav-cell {
  padding-left: 12px !important;
  padding-right: 24px !important;
}

.pp-services-table .svc-fav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #cbd5e1;
  cursor: pointer;
  line-height: 1;
}

.pp-services-table .svc-fav:hover,
.pp-services-table .svc-fav.active {
  color: #ef4444;
}

.pp-services-table .svc-fav i {
  font-size: 1rem;
  line-height: 1;
}

.pp-services-table .id-cell {
  font-weight: var(--fw-bold);
  font-size: 0.875rem;
  color: #0f172a;
  white-space: nowrap;
}

.pp-services-table .name-cell {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  color: #0f172a;
}

.pp-services-table .rate-cell {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  color: #0f172a;
  white-space: nowrap;
}

.pp-services-table .num-cell {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  color: #0f172a;
  white-space: nowrap;
}

.pp-services-table .desc-cell {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  max-width: 220px;
  vertical-align: middle;
}

.pp-services-table .desc-cell .svc-desc,
.pp-services-table .desc-cell .pp-orders-val {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  color: #475569;
  font-size: 0.8125rem;
  line-height: normal;
}

.pp-services-table .desc-cell .svc-desc p,
.pp-services-table .desc-cell .svc-desc ul,
.pp-services-table .desc-cell .svc-desc ol {
  margin: 0;
  padding: 0;
}

.pp-services-table .desc-cell .svc-desc li {
  list-style: none;
}

.pp-services-cat td {
  padding: 14px 24px 8px !important;
  border-bottom: 0;
  background: #ffffff;
  font-weight: var(--fw-bold);
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.pp-services-cat__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pp-services-cat__label img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  border-radius: 3px;
}

.pp-services-table .col-action .pp-order-actions,
.pp-services-table .col-action .svc-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  margin-inline-start: auto;
}

.pp-services-table .btn-svc-det,
.pp-services-table .btn-svc-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 4px;
  min-width: 0;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.pp-services-table .btn-svc-det {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
}

.pp-services-table .btn-svc-det:hover,
.pp-services-table .btn-svc-det.is-open {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #eff6ff;
}

.pp-services-table .btn-svc-det.is-open .bi-chevron-down {
  transform: rotate(180deg);
}

.pp-services-table .btn-svc-order {
  border: 1px solid #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-services-table .btn-svc-order:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
}

.pp-services-table tbody tr.pp-services-cat,
.pp-services-table tbody tr.svc-cat-row {
  display: table-row;
  padding: 0;
  gap: unset;
  background: transparent;
  border-bottom: 0;
}

.pp-services-table tbody tr.svc-features-row {
  display: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.pp-services-table tbody tr.svc-features-row.open {
  display: table-row;
}

.pp-services-table tr.svc-features-row > td {
  padding: 16px 24px !important;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

.pp-services-features {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}

.pp-services-features__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  cursor: pointer;
  user-select: none;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
}

.pp-services-features__toggle .feat-star {
  color: #f59e0b;
  font-size: 0.875rem;
}

.pp-services-features__toggle .feat-chevron {
  margin-inline-start: auto;
  color: #94a3b8;
  font-size: 0.75rem;
}

.pp-services-features__body {
  display: none;
  padding: 0 16px 16px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.65;
  color: #4a5568;
  overflow: visible;
  word-break: break-word;
}

.pp-services-features__body p,
.pp-services-features__body ul,
.pp-services-features__body ol {
  margin: 0 0 8px;
}

.pp-services-features__body p:last-child,
.pp-services-features__body ul:last-child,
.pp-services-features__body ol:last-child {
  margin-bottom: 0;
}

.pp-services-table tr.svc-features-row.open .pp-services-features__body {
  display: block;
}

.pp-services-val-pair {
  display: none;
}

@media (max-width: 991px) {
  .pp-services-page {
    gap: 16px;
  }
  .pp-services-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
  }
  .pp-services-table thead {
    display: none;
  }
  .pp-services-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .pp-services-table tbody tr.pp-services-cat {
    display: block;
    padding: 4px 4px 0;
    border: 0;
    background: transparent;
  }
  .pp-services-table tbody tr.pp-services-cat td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .pp-services-table tbody tr.svc-tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "id fav" "name name" "rate rate" "minmax minmax" "avg avg" "desc desc" "action action";
    column-gap: 12px;
    row-gap: 8px;
    align-items: start;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  }
  .pp-services-table tbody tr.svc-tr td {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0;
    width: auto;
    max-width: none;
    overflow: visible;
    white-space: normal;
    text-align: left;
    font-weight: var(--fw-semibold);
    font-size: 0.8125rem;
    line-height: normal;
    color: #0f172a;
    background: transparent !important;
  }
  [dir=rtl] .pp-services-table tbody tr.svc-tr td {
    text-align: right;
  }
  .pp-services-table tbody tr.svc-tr td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-weight: var(--fw-regular);
    font-size: 0.8125rem;
    line-height: normal;
    color: #475569;
  }
  .pp-services-table .pp-orders-val {
    min-width: 0;
    text-align: right;
  }
  [dir=rtl] .pp-services-table .pp-orders-val {
    text-align: left;
  }
  .pp-services-table .fav-cell {
    grid-area: fav;
    justify-content: flex-end;
    padding: 0 !important;
  }
  .pp-services-table .fav-cell::before {
    display: none;
  }
  .pp-services-table .id-cell {
    grid-area: id;
    justify-content: flex-start;
    font-size: 0.9375rem;
  }
  .pp-services-table .id-cell::before {
    display: none;
  }
  .pp-services-table .name-cell {
    grid-area: name;
    margin-top: 4px;
    padding-top: 12px !important;
    border-top: 1px solid #e2e8f0 !important;
  }
  .pp-services-table .name-cell::before {
    display: none;
  }
  .pp-services-table .name-cell .pp-orders-val {
    max-width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [dir=rtl] .pp-services-table .name-cell .pp-orders-val {
    text-align: right;
  }
  .pp-services-table .rate-cell {
    grid-area: rate;
  }
  .pp-services-table .min-cell {
    grid-area: minmax;
  }
  .pp-services-table .max-cell {
    display: none !important;
  }
  .pp-services-table .avg-cell {
    grid-area: avg;
  }
  .pp-services-table .desc-cell {
    grid-area: desc;
    max-width: none;
    white-space: normal;
    font-weight: var(--fw-regular);
    color: #475569;
  }
  .pp-services-table .desc-cell .svc-desc,
  .pp-services-table .desc-cell .pp-orders-val {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right;
    white-space: normal;
  }
  .pp-services-table .col-action {
    grid-area: action;
    padding-top: 4px !important;
  }
  .pp-services-table .col-action::before {
    display: none;
  }
  .pp-services-table .col-action .pp-order-actions,
  .pp-services-table .col-action .svc-actions {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-items: stretch;
    margin-inline-start: 0;
  }
  .pp-services-table .col-action .btn-svc-det,
  .pp-services-table .col-action .btn-svc-order {
    width: 100%;
    justify-content: center;
    min-height: 36px;
    padding: 8px 16px;
    font-size: 0.8125rem;
    line-height: normal;
    border-radius: 8px;
  }
  .pp-services-table tr.svc-features-row.open {
    display: block;
    margin-top: -4px;
    padding: 0 0 4px;
    border: 0;
    background: transparent;
  }
  .pp-services-table tr.svc-features-row > td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .pp-services-val-pair {
    display: inline;
  }
  .pp-services-page .pp-orders-pagination {
    padding: 36px 0 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  .pp-services-page .pp-orders-pagination__meta {
    text-align: center;
    white-space: normal;
  }
}
/* ═══════════════════════════════════════════════════════════════
   Account / Settings page
   ═══════════════════════════════════════════════════════════════ */
.ac-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .ac-page {
    gap: 20px;
  }
}
.ac-page .pp-tabs {
  margin-top: 0;
}
@media (max-width: 991px) {
  .ac-page .pp-tabs {
    margin-top: -20px;
  }
}

/* ─── Mobile panel page head ─── */
.ac-panel-page-head {
  display: none;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .ac-panel-page-head {
    display: flex;
  }
}
.ac-panel-page-head h1 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--pp-text);
}
.ac-panel-page-head p {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}
@media (max-width: 991px) {
  .ac-panel-page-head p {
    font-size: 0.8125rem;
    line-height: 150%;
  }
}

/* ─── Tabs ─── */
.ac-tabs {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .ac-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: transparent;
    padding-top: 8px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
  .ac-tabs::-webkit-scrollbar {
    display: none;
  }
}

/* ─── Tab panels ─── */
.ac-tab-panel {
  display: none;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .ac-tab-panel {
    gap: 16px;
  }
}

.ac-tab-panel.active {
  display: flex;
}

/* ─── Notifications column ─── */
.ac-notif-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  max-width: 800px;
  width: 100%;
  margin: 0;
}
@media (max-width: 991px) {
  .ac-notif-column {
    gap: 16px;
  }
}

/* ─── Layout blocks ─── */
.ac-profile-layout,
.ac-security-layout,
.ac-api-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 24px;
  align-items: start;
}
@media (max-width: 1199px) {
  .ac-profile-layout,
  .ac-security-layout,
  .ac-api-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}
@media (max-width: 991px) {
  .ac-profile-layout,
  .ac-security-layout,
  .ac-api-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.ac-profile-layout__main,
.ac-security-layout__main,
.ac-api-layout__main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
@media (max-width: 991px) {
  .ac-profile-layout__main,
  .ac-security-layout__main,
  .ac-api-layout__main {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .ac-security-layout__main,
  .ac-api-layout__main {
    gap: 16px;
  }
}

.ac-profile-layout__side,
.ac-security-layout__side,
.ac-api-layout__side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
@media (max-width: 991px) {
  .ac-profile-layout__side,
  .ac-security-layout__side,
  .ac-api-layout__side {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .ac-api-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .ac-api-layout .ac-api-layout__main,
  .ac-api-layout .ac-api-layout__side {
    display: contents;
  }
  .ac-api-layout .ac-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .ac-api-layout .ac-code-block {
    max-width: 100%;
    min-width: 0;
  }
}

@media (max-width: 991px) {
  .ac-api-order-key,
  .ac-api-order-usage,
  .ac-api-order-quickstart,
  .ac-api-order-webhooks,
  .ac-api-order-ip,
  .ac-api-order-ratelimits {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

.ac-api-order-key {
  order: 1;
}

.ac-api-order-usage {
  order: 2;
}

.ac-api-order-quickstart {
  order: 3;
}

.ac-api-order-webhooks {
  order: 4;
}

.ac-api-order-ip {
  order: 5;
}

.ac-api-order-ratelimits {
  order: 6;
}

/* ─── Card ─── */
.ac-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius-card);
  background: #ffffff;
}
@media (max-width: 991px) {
  .ac-card {
    padding: 16px;
    gap: 16px;
  }
}

.ac-card__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 991px) {
  .ac-notif-column .ac-card > .ac-card__head:has(+ .ac-toggle-list),
  .ac-notif-column .ac-card > .ac-card__head:has(+ .ac-quiet-hours) {
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
  }
}
.ac-card__head h2 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--pp-text);
}

.ac-card__head p {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}

.ac-card__head--row {
  gap: 8px;
  width: 100%;
}

.ac-card__head-title-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}

.ac-card__head-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.ac-card__head-heading h2 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.ac-card__head-heading .ac-connected-badge,
.ac-card__head-heading .ac-muted-badge {
  flex-shrink: 0;
  margin-left: auto;
}

.ac-card__head-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

.ac-card__head-desc {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}

/* Telegram head: desktop = title/badge row; mobile = stacked like Figma */
.ac-card__head-title-row--tg {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.ac-card__head-title-row--tg .ac-card__head-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.ac-card__head-title-row--tg .ac-connected-badge {
  flex-shrink: 0;
  align-self: flex-start;
  margin-left: auto;
}
@media (max-width: 991px) {
  .ac-card__head-title-row--tg {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .ac-card__head-title-row--tg .ac-card__head-copy {
    width: 100%;
  }
  .ac-card__head-title-row--tg .ac-card__head-desc {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .ac-card__head-title-row--tg .ac-connected-badge {
    margin-left: 0;
    padding: 6px 10px;
    border-radius: 6px;
    order: 2;
  }
}

@media (max-width: 991px) {
  .ac-card__head-desc {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .ac-card__head-heading {
    gap: 8px;
  }
}
.ac-card__head-title-row h2 {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--pp-text);
}

/* 2FA head: title left + status badge right (not full-width) */
.ac-card__head-title-row--2fa {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.ac-card__head-title-row--2fa h2 {
  flex: 1 1 auto;
  min-width: 0;
}
.ac-card__head-title-row--2fa .ac-status-badge {
  flex: 0 0 auto;
  width: auto;
  align-self: center;
}

.ac-2fa-title__mobile {
  display: none;
}

@media (max-width: 991px) {
  .ac-card__head-title-row--2fa {
    gap: 8px;
  }
  .ac-card__head-title-row--2fa h2 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .ac-card__head-title-row--2fa .ac-status-badge {
    font-size: 0.625rem;
    line-height: normal;
  }
  .ac-2fa-title__desktop {
    display: none;
  }
  .ac-2fa-title__mobile {
    display: inline;
  }
}
.ac-card__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}

/* ─── Side cards ─── */
.ac-side-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius-card);
}
@media (max-width: 991px) {
  .ac-side-card {
    padding: 16px;
  }
}

.ac-side-card__title {
  margin: 0;
  font-weight: var(--fw-bold);
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-side-card__title--danger {
  color: #ef4444;
}

.ac-side-card--danger {
  gap: 12px;
  background: #fef2f2;
  border-color: #fca5a5;
}

/* ─── Badges ─── */
.ac-verified-badge,
.ac-premium-badge,
.ac-sessions-badge,
.ac-status-badge,
.ac-connected-badge,
.ac-muted-badge,
.ac-overview-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  white-space: nowrap;
}

.ac-verified-badge {
  background: #def7ec;
  color: #03543f;
}

.ac-premium-badge {
  background: #e0f2fe;
  color: #0369a1;
}

.ac-sessions-badge {
  background: #fef3c7;
  color: #d97706;
}

.ac-connected-badge {
  background: #def7ec;
  color: #03543f;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.ac-muted-badge {
  background: var(--pp-bg);
  color: var(--pp-text-muted);
  border: 1px solid var(--pp-border);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (max-width: 991px) {
  .ac-muted-badge {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    gap: 4px;
  }
}

.ac-status-badge {
  padding: 3px 8px;
}

.ac-status-badge.off {
  background: #fef2f2;
  color: #ef4444;
}

.ac-status-badge.on {
  background: #def7ec;
  color: #03543f;
}

.ac-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex: 0 0 6px;
}

.ac-overview-badge {
  padding: 3px 8px;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  background: #e0f2fe;
  color: #0369a1;
}

/* ─── Avatar ─── */
.ac-avatar-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .ac-avatar-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.ac-avatar-lg {
  position: relative;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  border-radius: 999px;
  background: var(--pp-primary);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fw-bold);
  font-size: 1.75rem;
  line-height: normal;
  overflow: hidden;
}

.ac-avatar-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.55);
  color: #ffffff;
  font-size: 1.125rem;
  line-height: normal;
  opacity: 0;
  transition: opacity 0.15s;
  cursor: default;
}

.ac-avatar-lg:hover .ac-avatar-overlay {
  opacity: 1;
}

.ac-avatar-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 0 1 auto;
  min-width: 0;
  width: auto;
}
@media (max-width: 991px) {
  .ac-avatar-meta {
    align-items: center;
  }
}

.ac-avatar-label {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.ac-avatar-sub {
  font-weight: var(--fw-regular);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #94a3b8;
}

.ac-change-avatar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  align-self: flex-start;
  background: #f8fafc;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ac-change-avatar-btn {
    align-self: center;
  }
}

.ac-change-avatar-btn:hover {
  background: #ffffff;
  border-color: #cbd5e1;
}

/* ─── Fields ─── */
.ac-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: start;
}
@media (max-width: 1199px) {
  .ac-fields-grid {
    grid-template-columns: 1fr;
  }
}

.ac-fields-form {
  align-items: start;
  margin-bottom: 0;
}

.ac-field-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
@media (max-width: 991px) {
  .ac-field-group {
    gap: 8px;
  }
}

.ac-label {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
  margin: 0;
}

.ac-input,
.ac-select,
.ac-textarea {
  width: 100%;
  background: var(--pp-bg);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
  box-sizing: border-box;
}

.ac-input:focus,
.ac-select:focus,
.ac-textarea:focus {
  outline: none;
  border-color: var(--pp-primary);
  background: #ffffff;
}

.ac-input[readonly],
.ac-input:disabled {
  opacity: 0.75;
  cursor: default;
}

.ac-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLWRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMy41IDUuMjVMNyA4Ljc1TDEwLjUgNS4yNSIgc3Ryb2tlPSIjNjQ3NDhCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 14px;
}

.ac-select::-ms-expand {
  display: none;
}

[dir=rtl] .ac-select {
  padding-right: 16px;
  padding-left: 40px;
  background-position: left 16px center;
}

.ac-textarea {
  resize: vertical;
  min-height: 110px;
  line-height: 1.5rem;
}

.ac-input-with-action {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ac-input-with-action .ac-input {
  flex: 1;
  min-width: 0;
}

.ac-input-with-badge {
  position: relative;
}

.ac-input-with-badge .ac-input {
  padding-right: 100px;
}

[dir=rtl] .ac-input-with-badge .ac-input {
  padding-right: 16px;
  padding-left: 100px;
}

.ac-input-with-badge .ac-verified-badge {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

[dir=rtl] .ac-input-with-badge .ac-verified-badge {
  right: auto;
  left: 12px;
}

.ac-field-group--email {
  position: relative;
}

.ac-field-group--email .ac-label {
  padding-inline-end: 88px;
}

.ac-field-link {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  display: inline-flex;
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-primary);
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  line-height: 1.125rem;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}

.ac-field-link:hover {
  text-decoration: underline;
  color: var(--pp-primary);
}

.ac-form-actions {
  display: flex;
  width: 100%;
  grid-column: 1/-1;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .ac-form-actions .ac-save-btn {
    width: 100%;
  }
}

.ac-card__form > .ac-form-actions {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .ac-card__form > .ac-form-actions {
    margin-top: 0;
  }
}

/* ─── Password input with eye toggle ─── */
.ac-input-wrap {
  position: relative;
}

.ac-input-wrap .ac-input {
  padding-right: 44px;
}

[dir=rtl] .ac-input-wrap .ac-input {
  padding-right: 16px;
  padding-left: 44px;
}

.ac-eye-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-text-soft);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.ac-eye-btn .pp-icon--account-eye {
  display: block;
}

.ac-eye-btn .pp-icon--account-eye-hide {
  display: none;
}

.ac-eye-btn.is-visible .pp-icon--account-eye {
  display: none;
}

.ac-eye-btn.is-visible .pp-icon--account-eye-hide {
  display: block;
}

[dir=rtl] .ac-eye-btn {
  right: auto;
  left: 8px;
}

.ac-eye-btn:hover {
  color: var(--pp-primary);
}

/* ─── Password strength meter ─── */
.ac-strength-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--pp-text-muted);
}

.ac-strength-value {
  font-weight: var(--fw-semibold);
}

.ac-strength-value.weak {
  color: #ef4444;
}

.ac-strength-value.medium {
  color: #d97706;
}

.ac-strength-value.strong {
  color: #16a34a;
}

.ac-strength-bars {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

.ac-strength-bar {
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: var(--pp-border);
}

.ac-strength-bar.filled-weak {
  background: #ef4444;
}

.ac-strength-bar.filled-medium {
  background: #d97706;
}

.ac-strength-bar.filled-strong {
  background: #16a34a;
}

/* ─── Requirements checklist ─── */
.ac-requirements {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 991px) {
  .ac-requirements {
    padding-top: 4px;
    padding-bottom: 4px;
    gap: 8px;
  }
}

.ac-requirements__title {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.ac-requirements__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.ac-requirement {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-soft);
}

.ac-requirement i {
  font-size: 0.875rem;
  line-height: normal;
  color: var(--pp-text-soft);
}

.ac-requirement.met {
  color: var(--pp-text);
}

.ac-requirement.met i {
  color: #16a34a;
}

/* ─── Buttons ─── */
.ac-save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--pp-primary);
  color: #ffffff;
  border: 1px solid var(--pp-primary);
  border-radius: 8px;
  padding: 12px 24px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  white-space: nowrap;
}

.ac-save-btn:hover {
  background: #1e40af;
  border-color: #1e40af;
  color: #ffffff;
}

.ac-save-btn--auto {
  align-self: flex-start;
  width: auto;
}

.ac-btn-full {
  width: 100%;
}
@media (max-width: 991px) {
  .ac-btn-full {
    width: 100%;
  }
}

.ac-btn-outline-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #ffffff;
  color: var(--pp-primary);
  border: 1px solid var(--pp-primary);
  border-radius: 8px;
  padding: 10px 20px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ac-btn-outline-primary {
    width: 100%;
  }
}

.ac-btn-outline-primary:hover {
  background: #eff6ff;
}

.ac-btn-outline-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #ffffff;
  color: #ef4444;
  border: 1px solid #ef4444;
  border-radius: 8px;
  padding: 10px 20px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ac-btn-outline-danger {
    width: 100%;
  }
}

.ac-btn-outline-danger:hover {
  background: #fef2f2;
}

.ac-inline-btn {
  flex: 0 0 auto;
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-primary);
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  white-space: nowrap;
}

.ac-inline-btn:hover {
  text-decoration: underline;
}

.ac-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-primary);
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  text-decoration: none;
}

.ac-link-btn:hover {
  text-decoration: underline;
}

.ac-link-btn--danger {
  color: #ef4444;
}

/* ─── 2FA ─── */
.ac-2fa-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}

.ac-2fa-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
}

.ac-2fa-actions [id="2fa-generate-form"] {
  margin: 0;
  flex: 0 0 auto;
}

.ac-2fa-actions .ac-btn-outline-primary {
  width: auto;
}

.ac-2fa-apps {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin-inline-start: auto;
  flex: 0 0 auto;
}

.ac-2fa-apps__label {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  white-space: nowrap;
}

.ac-2fa-apps__label--mobile {
  display: none;
}

.ac-2fa-apps__icons {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .ac-2fa-apps__icons {
    gap: 4px;
  }
}

.ac-2fa-apps__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  overflow: hidden;
}

.ac-2fa-apps__item .pp-icon--account-circle-x {
  width: 17px;
  height: 17px;
}

.ac-2fa-apps__item .pp-icon--account-monitor,
.ac-2fa-apps__item .pp-icon--account-smartphone {
  width: 17px;
  height: 17px;
}

@media (max-width: 991px) {
  .ac-2fa-actions {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .ac-2fa-apps {
    margin-inline-start: auto;
    justify-content: flex-end;
    gap: 8px;
  }
  .ac-2fa-apps__label--desktop {
    display: none;
  }
  .ac-2fa-apps__label--mobile {
    display: inline;
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
  .ac-2fa-apps__icons {
    gap: 4px;
  }
  .ac-2fa-apps__item {
    width: 16px;
    height: 16px;
  }
  .ac-2fa-apps__item .pp-icon--account-circle-x,
  .ac-2fa-apps__item .pp-icon--account-monitor,
  .ac-2fa-apps__item .pp-icon--account-smartphone {
    width: 16px;
    height: 16px;
  }
  .ac-2fa-actions .ac-btn-outline-primary {
    width: auto;
    padding: 10px 16px;
    font-size: 0.75rem;
    line-height: normal;
  }
}
/* ─── API key ─── */
.ac-key-box {
  background: #09090b;
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  padding: 16px;
  color: #f8fafc;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ac-key-box {
    padding: 12px;
    font-size: 0.8125rem;
    line-height: normal;
  }
}

.ac-key-nocopy-note {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--pp-text-soft);
}

.ac-key-actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0;
}
@media (max-width: 991px) {
  .ac-key-actions {
    gap: 10px;
  }
}

.ac-api-order-key .ac-card__form {
  gap: 16px;
}

.ac-key-actions__btn {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  padding: 10px 18px;
  font-size: 0.8125rem;
  line-height: 1rem;
}
@media (max-width: 991px) {
  .ac-key-actions__btn {
    width: auto;
    padding: 8px 12px;
  }
}

@media (max-width: 991px) {
  .ac-key-actions .ac-btn-outline-danger {
    width: auto;
  }
}

.ac-key-warning {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 10px;
  padding: 12px;
}

.ac-key-warning p {
  margin: 0;
  font-weight: var(--fw-medium);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #7f1d1d;
}

.ac-key-warning .meta {
  font-weight: var(--fw-regular);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #991b1b;
}

/* ─── Code blocks ─── */
.ac-code-block {
  position: relative;
  background: #09090b;
  border: 0;
  border-radius: 10px;
  padding: 16px;
  margin: 0;
  color: #f8fafc;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 0.75rem;
  font-weight: var(--fw-regular);
  line-height: 1.125rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: pre;
  word-break: normal;
  overflow-wrap: normal;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

@media (max-width: 991px) {
  .ac-api-order-quickstart .ac-code-block {
    padding: 12px;
    border-radius: 8px;
    font-size: 0.8125rem;
    line-height: 1rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow-x: hidden;
  }
}

.ac-code-block code {
  display: inline;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  background: transparent;
  padding: 0;
  border: 0;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
  white-space: inherit;
}

.ac-code-block__copy {
  position: absolute;
  top: 8px;
  right: 8px;
}

[dir=rtl] .ac-code-block__copy {
  right: auto;
  left: 8px;
}

/* ─── Usage stats ─── */
.ac-usage-stats {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .ac-usage-stats {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .ac-usage-stats {
    flex-direction: row;
    gap: 8px;
    align-items: stretch;
  }
}

.ac-usage-stats__item {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
@media (max-width: 991px) {
  .ac-usage-stats__item {
    padding: 8px;
    border-radius: 8px;
    background: #f8fafc;
  }
}

.ac-usage-stats__label {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--pp-text-muted);
}

.ac-usage-stats__label--mobile,
.ac-usage-stats__value--mobile {
  display: none;
}

.ac-usage-stats__value {
  font-weight: var(--fw-bold);
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--pp-text);
}

.ac-usage-stats__value--error {
  color: #ef4444;
}

@media (max-width: 991px) {
  .ac-usage-stats__label {
    font-size: 0.6875rem;
    line-height: normal;
  }
  .ac-usage-stats__label--desktop,
  .ac-usage-stats__value--desktop {
    display: none;
  }
  .ac-usage-stats__label--mobile,
  .ac-usage-stats__value--mobile {
    display: inline;
  }
  .ac-usage-stats__value {
    font-weight: var(--fw-semibold);
    font-size: 0.875rem;
    line-height: normal;
  }
  .ac-usage-stats__item:first-child .ac-usage-stats__value {
    font-weight: var(--fw-bold);
    font-size: 1.125rem;
    line-height: normal;
  }
}
.ac-usage-logs-link__mobile {
  display: none;
}

@media (max-width: 991px) {
  .ac-usage-logs-link__desktop {
    display: none;
  }
  .ac-usage-logs-link__mobile {
    display: inline;
  }
}
.ac-api-order-usage .ac-card__head {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.ac-progress__caption {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-usage-stats__meta {
  font-weight: var(--fw-regular);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: var(--pp-text-soft);
}

/* ─── Progress bar ─── */
.ac-progress {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ac-progress__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ac-progress__label {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.ac-progress__value {
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-progress__track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--pp-border);
  overflow: hidden;
}

.ac-progress__fill {
  height: 100%;
  border-radius: 999px;
  background: var(--pp-primary);
  transition: width 0.2s ease;
}

.ac-progress__fill--warn {
  background: #d97706;
}

.ac-progress__fill--danger {
  background: #ef4444;
}

/* ─── Notification banner ─── */
.ac-notif-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 16px;
  border: 1px solid var(--pp-border);
  border-radius: 12px;
  background: var(--pp-bg);
}
@media (max-width: 991px) {
  .ac-notif-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  .ac-notif-banner .ac-save-btn,
  .ac-notif-banner .ac-btn-outline-primary,
  .ac-notif-banner .ac-btn-outline-danger {
    width: 100%;
  }
}

.ac-notif-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: normal;
}

.ac-notif-email {
  background: rgba(29, 78, 216, 0.1);
  color: var(--pp-primary);
}

.ac-notif-tg {
  background: rgba(0, 136, 204, 0.12);
  color: #0088cc;
}

.ac-notif-banner-text {
  flex: 1;
  min-width: 180px;
}

.ac-notif-title {
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-notif-desc {
  margin-top: 2px;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

/* ─── Toggle list ─── */
.ac-toggle-list {
  display: flex;
  flex-direction: column;
}

.ac-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #E2E8F0;
}

.ac-toggle-row:first-child {
  padding-top: 0;
}

.ac-toggle-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (max-width: 991px) {
  /* Only before Telegram footer — email last row stays without border */
  .ac-notif-column .ac-toggle-list:has(+ .ac-tg-footer) > .ac-toggle-row:last-child {
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
  }
}
.ac-toggle-row__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.ac-toggle-row__title,
.ac-toggle-row__name {
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-toggle-row__desc {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-toggle {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 24px;
  flex: 0 0 44px;
  cursor: pointer;
}

.ac-toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ac-toggle-track {
  position: absolute;
  inset: 0;
  background: #94A3B8;
  border-radius: 999px;
  transition: background 0.2s ease;
}
@media (max-width: 991px) {
  .ac-toggle-track {
    background: #CBD5E1;
  }
}

.ac-toggle-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15);
  transition: transform 0.2s ease;
}

.ac-toggle input:focus-visible + .ac-toggle-track {
  outline: 2px solid var(--pp-primary);
  outline-offset: 2px;
}

.ac-toggle input:checked + .ac-toggle-track {
  background: var(--pp-primary);
}

.ac-toggle input:checked + .ac-toggle-track::after {
  transform: translateX(20px);
}

[dir=rtl] .ac-toggle-track::after {
  left: auto;
  right: 2px;
}

[dir=rtl] .ac-toggle input:checked + .ac-toggle-track::after {
  transform: translateX(-20px);
}

/* ─── Checkbox (webhooks) ─── */
.ac-checkbox {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ac-checkbox__box {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border: 1px solid var(--pp-border);
  border-radius: 4px;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  box-sizing: border-box;
  transition: background 0.15s, border-color 0.15s;
}

.ac-checkbox__box::after {
  content: "";
  display: none;
  width: 12px;
  height: 12px;
  margin: 0;
  border: 0;
  transform: none;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJJY29uLVdyYXBwZXIiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8wXzEyNSkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIgMEwzLjc1IDEyTDAgNi41NDU0NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8wXzEyNSI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") center/contain no-repeat;
}

.ac-checkbox input:checked + .ac-checkbox__box {
  background: var(--pp-primary);
  border-color: var(--pp-primary);
}

.ac-checkbox input:checked + .ac-checkbox__box::after {
  display: block;
}

.ac-checkbox input:focus-visible + .ac-checkbox__box {
  outline: 2px solid var(--pp-primary);
  outline-offset: 2px;
}

.ac-checkbox__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ac-checkbox__label {
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-checkbox__desc {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-webhook-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}
.ac-webhook-checks .ac-checkbox {
  flex: 0 0 auto;
  width: 180px;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  color: #475569;
}
.ac-webhook-checks .ac-checkbox__box {
  margin-top: 0;
}
.ac-webhook-checks .ac-checkbox__label {
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
}
@media (max-width: 991px) {
  .ac-webhook-checks {
    flex-direction: column;
    gap: 12px;
  }
  .ac-webhook-checks .ac-checkbox {
    width: 100%;
  }
}

.ac-webhook-secret {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--pp-bg);
}

.ac-webhook-secret__label {
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-webhook-secret__value {
  font-family: ui-monospace, Menlo, monospace;
  font-weight: var(--fw-bold);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
  background: transparent;
  padding: 0;
}

.ac-api-order-webhooks > .ac-save-btn--auto {
  align-self: flex-start;
  width: auto;
  padding: 12px 24px;
}
@media (max-width: 991px) {
  .ac-api-order-webhooks > .ac-save-btn--auto {
    width: 100%;
    align-self: stretch;
  }
}

/* ─── Quiet hours ─── */
.ac-quiet-hours {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 991px) {
  .ac-quiet-hours {
    gap: 16px;
  }
}

.ac-quiet-hours__toggle {
  padding: 0 0 20px;
  border-bottom: 1px solid #e2e8f0;
}
.ac-quiet-hours__toggle.ac-toggle-row:first-child {
  padding-top: 0;
}
.ac-quiet-hours__toggle.ac-toggle-row:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e8f0;
}

.ac-quiet-hours__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.ac-quiet-hours__field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ac-quiet-hours__label {
  margin: 0;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
  white-space: nowrap;
}

.ac-quiet-hours__select {
  appearance: none;
  -webkit-appearance: none;
  min-width: 108px;
  padding: 10px 40px 10px 16px;
  border: 1px solid var(--pp-border);
  border-radius: 8px;
  background-color: var(--pp-bg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0zLjUgNS4yNUw3IDguNzVMMTAuNSA1LjI1IiBzdHJva2U9IiM2NDc0OEIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 14px;
  font-family: inherit;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
  cursor: pointer;
}

[dir=rtl] .ac-quiet-hours__select {
  padding: 10px 16px 10px 40px;
  background-position: left 16px center;
}

.ac-quiet-hours__note {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #94a3b8;
}

.ac-tg-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 991px) {
  .ac-tg-footer {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

.ac-tg-footer .ac-btn-outline-danger {
  width: auto;
  align-self: flex-start;
  background: #fef2f2;
  border-color: #fca5a5;
  padding: 10px 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 991px) {
  .ac-tg-footer .ac-btn-outline-danger {
    width: 100%;
    align-self: stretch;
    justify-content: center;
  }
}

.ac-tg-footer__bot {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ac-tg-footer__bot {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: center;
  }
}

.ac-push-actions {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.ac-push-title__mobile {
  display: none;
}

@media (max-width: 991px) {
  .ac-push-title__desktop {
    display: none;
  }
  .ac-push-title__mobile {
    display: inline;
  }
  .ac-push-actions .ac-btn-outline-primary {
    width: 100%;
  }
}
.ac-push-actions .ac-btn-outline-primary {
  width: auto;
  align-self: flex-start;
  padding: 10px 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 991px) {
  .ac-push-actions .ac-btn-outline-primary {
    width: 100%;
  }
}

.ac-api-order-ip .ac-toggle-row--flat {
  padding: 0;
  border-bottom: 0;
}

/* ─── Session rows ─── */
.ac-session-list {
  display: flex;
  flex-direction: column;
}

.ac-activity-list,
.ac-reco-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ac-session-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
  background: transparent;
}

.ac-session-row:first-child {
  padding-top: 0;
}

.ac-session-list > .ac-session-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.ac-session-row__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.ac-current-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  background: #def7ec;
  color: #03543f;
  white-space: nowrap;
}

.ac-activity-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ac-activity-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: var(--fw-semibold);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.ac-activity-badge--success {
  background: #def7ec;
  color: #03543f;
}

.ac-activity-badge--failed {
  background: #fef2f2;
  color: #ef4444;
}

.ac-session-row__main,
.ac-activity-row__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.ac-session-row__title,
.ac-activity-row__title {
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text);
}

.ac-session-row__meta,
.ac-activity-row__meta {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-session-row__actions,
.ac-activity-row__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ac-session-row--current {
  background: transparent;
}

/* ─── Recommendations ─── */
.ac-reco-list--compact {
  gap: 14px;
}

.ac-reco-row--compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ac-reco-row__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--pp-text);
}

.ac-reco-row__label .pp-icon--account-reco-check,
.ac-reco-row__label .pp-icon--account-reco-x {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.ac-reco-row__status {
  flex-shrink: 0;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  white-space: nowrap;
}

.ac-reco-row__status--ok {
  color: #10b981;
}

.ac-reco-row__status--action {
  background: none;
  border: 0;
  padding: 0;
  color: var(--pp-primary);
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
}

.ac-reco-row__status--action:hover {
  text-decoration: underline;
}

/* ─── IP list ─── */
.ac-ip-add {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ac-ip-add .ac-ip-add__input,
.ac-ip-add .ac-input {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  padding: 10px;
  font-size: 0.875rem;
  line-height: 1.4;
  border-radius: 8px;
}

.ac-ip-add__btn {
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
  padding: 10px 16px;
  font-size: 0.875rem;
  line-height: normal;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .ac-ip-add__btn {
    width: auto;
  }
}

.ac-ip-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ac-ip-list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid var(--pp-border);
  border-radius: 0;
  background: transparent;
}

.ac-ip-remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

.ac-rate-limits-footer {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid var(--pp-border);
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text-muted);
}

.ac-api-order-ratelimits .ac-overview-list {
  gap: 10px;
}

.ac-api-order-ratelimits .ac-overview-row {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.ac-api-order-ratelimits .ac-overview-row span:first-child {
  color: #475569;
}

.ac-toggle-row--flat {
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ac-ip-list__addr {
  font-family: ui-monospace, Menlo, monospace;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--pp-text);
}

.ac-ip-list__meta {
  font-weight: var(--fw-regular);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--pp-text-muted);
}

.ac-ip-list__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ac-ip-list__empty {
  margin: 0;
  padding: 16px;
  text-align: center;
  font-weight: var(--fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
  border: 1px dashed var(--pp-border);
  border-radius: 10px;
}

/* ─── Overview sidebar ─── */
.ac-overview-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ac-overview-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.ac-overview-row span:first-child {
  color: var(--pp-text-muted);
  font-weight: var(--fw-regular);
}

.ac-overview-row strong {
  color: var(--pp-text);
  font-weight: var(--fw-semibold);
}

.ac-side-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ac-side-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 1px solid var(--pp-border);
  background: transparent;
  color: var(--pp-text);
  font-family: inherit;
  font-weight: var(--fw-medium);
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  text-align: left;
}

.ac-side-action:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.ac-side-action img,
.ac-side-action .pp-icon--account-chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  opacity: 0.7;
}

[dir=rtl] .ac-side-action {
  text-align: right;
}

[dir=rtl] .ac-side-action img,
[dir=rtl] .ac-side-action .pp-icon--account-chevron {
  transform: scaleX(-1);
}

.ac-side-key {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--pp-border);
  border-radius: 8px;
  background: var(--pp-bg);
  color: var(--pp-text);
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ac-side-key-empty {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--pp-text-muted);
}

.ac-side-key-actions {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: stretch;
}

.ac-side-key-actions > .ac-side-btn,
.ac-side-regen-form {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}

.ac-side-regen-form {
  display: flex;
}

.ac-side-regen-form .ac-side-btn {
  width: 100%;
  flex: 1 1 auto;
}

.ac-side-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 32px;
  padding: 8px 12px;
  border-radius: 8px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.ac-side-btn.is-copied {
  background: #16a34a;
  border-color: #16a34a;
  color: #ffffff;
}

.ac-side-btn img,
.ac-side-btn .pp-icon--account-copy,
.ac-side-btn .pp-icon--account-refresh {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.ac-side-btn--primary {
  background: var(--pp-primary);
  color: #ffffff;
  border-color: var(--pp-primary);
}

.ac-side-btn--primary:hover {
  background: #1e40af;
  color: #ffffff;
}

.ac-side-btn--danger {
  background: #ffffff;
  color: #ef4444;
  border-color: #fca5a5;
}

.ac-side-btn--danger:hover {
  background: #fef2f2;
  color: #ef4444;
}

.ac-side-btn--full {
  width: 100%;
}

.ac-side-key-note {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: var(--pp-text-soft);
}

/* ─── Danger zone ─── */
.ac-danger-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ac-danger-row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ef4444;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ac-danger-row img,
.ac-danger-row .pp-icon--account-trash {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.ac-danger-note {
  margin: 0;
  font-weight: var(--fw-regular);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #7f1d1d;
}

/* ─── Alerts ─── */
.ac-alert {
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

/* ─── Change email modal ─── */
.ac-modal {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--pp-border);
}

.ac-modal-head {
  padding: 16px 20px;
  border-bottom: 1px solid var(--pp-border);
}

.ac-modal-body {
  padding: 20px;
  background: #ffffff;
}

.ac-modal-foot {
  padding: 16px 20px;
  border-top: 1px solid var(--pp-border);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 991px) {
  .ac-modal-foot {
    flex-direction: column-reverse;
  }
  .ac-modal-foot .ac-save-btn,
  .ac-modal-foot .ac-modal-cancel {
    width: 100%;
  }
}

.ac-modal-cancel {
  background: none;
  border: 1px solid var(--pp-border);
  border-radius: 8px;
  padding: 10px 18px;
  font-family: inherit;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: 1rem;
  color: var(--pp-text-muted);
  cursor: pointer;
}

.ac-modal-cancel:hover {
  border-color: #cbd5e1;
  color: var(--pp-text);
}

/* ─── Legacy → dashboard palette bridge ─── */
.pp-main {
  --smm-primary: var(--pp-primary);
  --smm-primary-rgb: 29, 78, 216;
  --smm-primary-dark: #1e3a8a;
  --smm-accent: var(--pp-primary);
  --smm-gradient: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  --smm-ink: var(--pp-text);
  --smm-ink-2: var(--pp-text-muted);
  --smm-ink-3: var(--pp-text-soft);
  --smm-ink-4: var(--pp-text-soft);
  --smm-bg: var(--pp-bg);
  --smm-surface: var(--pp-surface);
  --smm-surface-soft: rgba(255, 255, 255, 0.8);
  --smm-border: var(--pp-border);
  --smm-border-soft: rgba(15, 23, 42, 0.05);
  --smm-shadow-card: var(--pp-shadow-card);
  --smm-shadow-soft: var(--pp-shadow-soft);
  --smm-shadow-btn: 0 10px 20px rgba(29, 78, 216, 0.2);
}

[data-bs-theme=dark] .pp-main {
  --smm-primary: var(--pp-primary);
  --smm-primary-rgb: 59, 130, 246;
  --smm-primary-dark: #2563eb;
  --smm-surface: var(--gh-color-surface);
  --smm-surface-soft: rgba(17, 24, 39, 0.72);
  --smm-border-soft: rgba(255, 255, 255, 0.06);
  --smm-shadow-btn: 0 10px 24px rgba(37, 99, 235, 0.35);
}

/* ─── Row-card table (affiliates earning history, etc.) — light header ─── */
.pp-main .pp-table thead th {
  background: #f8fafc;
  color: #475569;
  font-weight: var(--fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #e2e8f0;
}

[data-bs-theme=dark] .pp-main .pp-table thead th {
  background: #111827;
  color: #94a3b8;
  border-bottom-color: #1e293b;
}

/* ─── Generic alert radius inside cards (Bootstrap default alerts) ─── */
.pp-card .alert {
  border-radius: 10px;
  font-size: 0.8125rem;
}

/* ─── Hardcoded cyan accents → primary blue ─── */
.pp-main .pp-info-ico,
.pp-main .pp-pill-inline,
.pp-main .subs-btn.resume {
  background: rgba(29, 78, 216, 0.1);
}

[data-bs-theme=dark] .pp-main .pp-info-ico,
[data-bs-theme=dark] .pp-main .subs-btn.resume {
  background: rgba(29, 78, 216, 0.15);
}

.pp-main .af-si-blue,
.pp-main .af-si-cyan,
.pp-main .cp-fi-blue,
.pp-main .cp-fi-cyan,
.pp-main .upd-pill-all .upd-pill-icon,
.pp-main .upd-pill-update .upd-pill-icon,
.pp-main .upd-badge-update,
.pp-main .upd-badge-restored,
.pp-main .upd-badge-resolved,
.pp-main .tk-icon-cyan,
.pp-main .tk-status-answered,
.pp-main .tk-status-replied,
.pp-main .vt-status-answered,
.pp-main .vt-status-replied,
.pp-main .pp-status.processing {
  background: rgba(29, 78, 216, 0.12);
}

.pp-main .af-si-cyan,
.pp-main .cp-fi-cyan {
  color: var(--pp-primary);
}

[data-bs-theme=dark] .pp-main .pp-status.processing {
  background: rgba(29, 78, 216, 0.18);
}

.pp-main .pp-btn-action.reorder {
  background: rgba(29, 78, 216, 0.1);
  border-color: rgba(29, 78, 216, 0.25);
}

.pp-main .pp-btn-action.reorder:hover {
  background: var(--pp-primary);
}

.pp-main .rf-info-alert {
  background: rgba(29, 78, 216, 0.08);
  border-color: rgba(29, 78, 216, 0.3);
}

[data-bs-theme=dark] .pp-main .rf-info-alert {
  background: rgba(29, 78, 216, 0.1);
  border-color: rgba(29, 78, 216, 0.25);
}

.pp-main .subs-btn.resume {
  border-color: rgba(29, 78, 216, 0.3);
}

.pp-main .pp-search-submit:hover {
  background: #1e3a8a;
}

/* Legacy tab dots: never let Bootstrap `.progress` restyle bullets */
.pp-status-tab .dot {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  flex: 0 0 6px;
  align-self: center;
  overflow: hidden;
  background-image: none !important;
  box-shadow: none !important;
}

.pp-main .tk-table tbody tr:hover {
  background: var(--pp-surface-hover);
}

@media (max-width: 991px) {
  .pp-main .tk-table tbody tr:hover,
  .pp-main .tk-table tbody tr:hover td {
    background: transparent;
  }
  .pp-main .tk-table tbody tr:not(.pp-empty-row):hover {
    background: var(--pp-surface-hover);
  }
}
.pp-main .vt-support-icon {
  background: rgba(29, 78, 216, 0.14);
}

.pp-main .vt-bubble-support {
  background: rgba(29, 78, 216, 0.05);
  border-color: rgba(29, 78, 216, 0.18);
}

[data-bs-theme=dark] .pp-main .vt-bubble-support {
  background: rgba(29, 78, 216, 0.07);
  border-color: rgba(29, 78, 216, 0.22);
}

.pp-main .tk-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  height: 42px;
  padding: 12px 24px;
  border: 0;
  border-radius: 10px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--fw-semibold);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: inherit;
  box-shadow: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
@media (max-width: 991px) {
  .pp-main .tk-submit-btn {
    width: 100%;
  }
}
.pp-main .tk-submit-btn:hover {
  background: #1e40af;
  color: #ffffff;
  opacity: 1;
}

/* ─── Affiliate tier accents (bronze/silver/gold reused, platinum → primary) ─── */
.pp-main .af-dot-plat,
.pp-main .af-bar-plat {
  background: var(--pp-primary);
}

.pp-main .af-pct-plat {
  color: var(--pp-primary);
}

/* ─── Notifications page: preference table + toggle ─── */
.pp-notif-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .pp-notif-table-wrap {
    margin: 0 -4px;
    padding: 0 4px;
  }
}

@media (max-width: 991px) {
  .pp-notif-table {
    min-width: 0;
  }
  .pp-notif-table th,
  .pp-notif-table td {
    padding: 12px 10px;
    font-size: 0.75rem;
  }
  .pp-notif-table th:not(:first-child),
  .pp-notif-table td:not(:first-child) {
    padding: 8px 6px;
  }
}
.pp-notif-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 420px;
}

.pp-notif-table th,
.pp-notif-table td {
  padding: 14px 16px;
  text-align: center;
  border-bottom: 1px solid var(--pp-border);
  white-space: nowrap;
}

.pp-notif-table th:first-child,
.pp-notif-table td:first-child {
  text-align: left;
  white-space: normal;
}

.pp-notif-table td:first-child {
  font-weight: var(--fw-medium);
  color: var(--pp-text);
  font-size: 0.8125rem;
}

.pp-notif-table thead th {
  font-size: 0.8125rem;
  font-weight: var(--fw-semibold);
  text-transform: none;
  letter-spacing: normal;
  color: #475569;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.pp-notif-table tbody tr:last-child td {
  border-bottom: 0;
}

[dir=rtl] .pp-notif-table th:first-child,
[dir=rtl] .pp-notif-table td:first-child {
  text-align: right;
}

.ac-toggle.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ac-toggle.is-disabled .ac-toggle-track {
  pointer-events: none;
}

/* ─── Child panel list ─── */
.pp-alert-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 20px;
  border-radius: 12px;
  background: rgba(242, 85, 111, 0.08);
  border: 1px solid rgba(242, 85, 111, 0.25);
  color: #b91c3c;
  font-size: 0.8125rem;
  margin-bottom: 16px;
}

.pp-alert-action__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--smm-danger, #f2556f);
  color: #ffffff;
  font-weight: var(--fw-semibold);
  font-size: 0.75rem;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

.pp-alert-action__btn:hover {
  opacity: 0.88;
  color: #ffffff;
}

[data-bs-theme=dark] .pp-alert-action {
  background: rgba(242, 85, 111, 0.12);
  color: #fca5a5;
}

.pp-main .tk-page,
.pp-main .vt-page {
  --tk-fw-regular: 400;
  --tk-fw-medium: 500;
  --tk-fw-semibold: 600;
  --tk-fw-bold: 700;
}

.pp-main .tk-page {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pp-main .tk-page__home {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.pp-main .tk-page__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-main .tk-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
@media (max-width: 991px) {
  .pp-main .tk-features {
    grid-template-columns: 1fr;
  }
}

.pp-main .tk-feat-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.pp-main .tk-feat-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pp-main .tk-icon-cyan {
  background: #eff6ff;
}

.pp-main .tk-icon-green {
  background: #f0fdf4;
}

.pp-main .tk-icon-purple {
  background: #eef2ff;
}

.pp-main .tk-feat-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.pp-main .tk-feat-title {
  margin: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-feat-sub {
  margin: 0;
  font-weight: var(--tk-fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
}

.pp-main .tk-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .pp-main .tk-actions {
    grid-template-columns: 1fr;
  }
}

.pp-main .tk-action-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
}
@media (max-width: 991px) {
  .pp-main .tk-action-card {
    flex-direction: column;
    align-items: stretch;
  }
}

.pp-main .tk-action-card__left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.pp-main .tk-action-card__glyph {
  flex-shrink: 0;
}

.pp-main .tk-action-card__title {
  margin: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-action-card__btn,
.pp-main .tk-tg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.pp-main .tk-action-card__btn {
  background: #1d4ed8;
  color: #ffffff;
}

.pp-main .tk-action-card__btn:hover,
.pp-main .tk-tg-btn:hover {
  opacity: 0.88;
  color: #ffffff;
}

.pp-main .tk-tg-btn {
  padding: 10px 20px;
  font-size: 0.875rem;
  line-height: normal;
  background: #0088cc;
  color: #ffffff;
}

.pp-main .tk-form-card {
  padding: 0;
  overflow: hidden;
}

.pp-main .tk-page--form-open .tk-page__home {
  display: none;
}

.pp-main .tk-form-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pp-main .tk-form-back {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d4ed8;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.15s ease;
}
.pp-main .tk-form-back:hover {
  opacity: 0.8;
  color: #1d4ed8;
}

[dir=rtl] .pp-main .tk-form-back .pp-icon--tickets-back {
  transform: scaleX(-1);
}

.pp-main .tk-form-layout__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 24px;
  align-items: start;
  width: 100%;
}
@media (max-width: 991px) {
  .pp-main .tk-form-layout__grid {
    grid-template-columns: 1fr;
  }
}

.pp-main .tk-form-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
}

.pp-main .tk-form-panel__title {
  margin: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1.25rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}

.pp-main .tk-form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pp-main .tk-label {
  font-weight: var(--tk-fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text-muted);
  background: transparent;
}

.pp-main .tk-req {
  color: #ef4444;
}

.pp-main .tk-input,
.pp-main .tk-select,
.pp-main .tk-textarea {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  padding: 12px 16px;
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  color: #0f172a;
  outline: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.pp-main .tk-input::placeholder,
.pp-main .tk-textarea::placeholder {
  color: #94a3b8;
}

.pp-main .tk-input:focus,
.pp-main .tk-select:focus,
.pp-main .tk-textarea:focus {
  border-color: #1d4ed8;
  background: #ffffff;
}

.pp-main .tk-textarea {
  min-height: 150px;
  padding: 16px;
  resize: vertical;
}

.pp-main .tk-select-wrap {
  position: relative;
}

.pp-main .tk-select-wrap .tk-select {
  appearance: none;
  padding-right: 40px;
  cursor: pointer;
}

.pp-main .tk-select-wrap__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

[dir=rtl] .pp-main .tk-select-wrap .tk-select {
  padding-right: 16px;
  padding-left: 40px;
}

[dir=rtl] .pp-main .tk-select-wrap__icon {
  right: auto;
  left: 16px;
}

.pp-main .tk-upload {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pp-main .tk-upload__drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  border: 1px dashed #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.pp-main .tk-upload__drop:hover, .pp-main .tk-upload__drop.tk-upload__drop--active {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.pp-main .tk-upload__drop:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.pp-main .tk-upload__title {
  margin: 0;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
  color: #1d4ed8;
}

.pp-main .tk-upload__hint {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #94a3b8;
}

.pp-main .tk-upload .tickets-uploader {
  width: 100%;
  margin: 0;
}

.pp-main .tk-upload .tickets-uploader.tk-upload__uploader--bound:not(.tk-upload__has-files) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.pp-main .tk-upload .tickets-uploader.tk-upload__has-files {
  position: static;
  width: 100%;
  margin-top: 12px;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
}

.pp-main .tk-upload .tk-upload__pp-chrome,
.pp-main .tk-upload .tickets-uploader > input[type=file] {
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
}

.pp-main .tk-form-panel .tk-submit-btn--full {
  margin-top: 24px;
}

.pp-main .tk-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 14px 24px;
  border: 0;
  border-radius: 10px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--tk-fw-bold);
  font-size: 0.9375rem;
  line-height: normal;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.pp-main .tk-submit-btn:hover {
  opacity: 0.88;
  color: #ffffff;
}

.pp-main .tk-guidelines {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 24px;
}

.pp-main .tk-guidelines__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pp-main .tk-guidelines__title {
  margin: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-guidelines__intro {
  margin: 0;
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #475569;
}

.pp-main .tk-guidelines__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pp-main .tk-guidelines__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-weight: var(--tk-fw-regular);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #475569;
}

.pp-main .tk-guidelines__item .pp-icon--tickets-check {
  margin-top: 1px;
}

.pp-main .tk-guidelines__divider {
  height: 1px;
  margin: 0;
  background: #e2e8f0;
}

.pp-main .tk-guidelines__faq-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  padding: 10px 16px;
  border: 1px solid #1d4ed8;
  border-radius: 8px;
  background: #ffffff;
  color: #1d4ed8;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.pp-main .tk-guidelines__faq-btn:hover {
  background: rgba(29, 78, 216, 0.06);
  color: #1d4ed8;
}

.pp-main .tk-form-wrap {
  border-top: 1px solid #e2e8f0;
}

.pp-main .tk-form-inner {
  padding: 24px;
}

.pp-main .tk-form-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  font-weight: var(--tk-fw-bold);
  font-size: 1rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-list-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-main .tk-list-head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pp-main .tk-list-card {
  padding: 0;
  overflow: hidden;
}

.pp-main .tk-list-title {
  margin: 0;
  padding: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1.25rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-list-bar {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  border-bottom: 0;
}
@media (max-width: 991px) {
  .pp-main .tk-list-bar {
    flex-direction: column;
    align-items: stretch;
  }
}

.pp-main .tk-filter-tabs {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: wrap;
}

.pp-main .tk-list-bar .pp-orders-search {
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  gap: 12px;
}
@media (max-width: 991px) {
  .pp-main .tk-list-bar .pp-orders-search {
    flex: 1 1 auto;
    width: 100%;
  }
}

.pp-main .tk-ftab {
  padding: 10px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #ffffff;
  color: #475569;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.pp-main .tk-ftab:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.pp-main .tk-ftab-active {
  border-color: #1d4ed8;
  background: #1d4ed8;
  color: #ffffff;
}

.pp-main .tk-ftab-active:hover,
.pp-main .tk-ftab-active:focus-visible {
  border-color: #1e40af;
  background: #1e40af;
  color: #ffffff;
}

.pp-main .tk-list-bar .pp-orders-search__field {
  width: 265px;
  max-width: 100%;
  min-height: 0;
  height: auto;
  padding: 12px 16px;
  border-radius: 8px;
}

.pp-main .tk-list-bar .pp-orders-search__field input {
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: normal;
}

.pp-main .tk-list-bar .pp-orders-search__btn {
  min-height: 0;
  height: auto;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
}

.pp-main .tk-table-card {
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
}

.pp-main .tk-table-card .pp-orders-table-wrap,
.pp-main .tk-table-card .tk-table-wrap {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}

.pp-main .tk-table.pp-orders-table {
  min-width: 980px;
}

.pp-main .tk-table thead tr {
  background: #f8fafc;
}

.pp-main .tk-table thead th {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
}

.pp-main .tk-table tbody tr {
  border-bottom: 1px solid #e2e8f0;
  transition: background 0.15s ease;
}

.pp-main .tk-table tbody tr:last-child {
  border-bottom: 0;
}

.pp-main .tk-table tbody tr:hover {
  background: var(--pp-surface-hover);
}

.pp-main .tk-table td {
  padding: 14px 24px;
  vertical-align: middle;
  font-weight: var(--tk-fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .tk-id-cell {
  font-weight: var(--tk-fw-semibold);
  color: #0f172a;
  white-space: nowrap;
}

.pp-main .tk-subject-cell {
  max-width: 280px;
}

.pp-main .tk-subject-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  text-decoration: none;
  font-weight: var(--tk-fw-regular);
}

.pp-main .tk-subject-link:hover {
  color: #1d4ed8;
}

.pp-main .tk-row-new .tk-subject-link {
  font-weight: var(--tk-fw-semibold);
}

.pp-main .tk-cat-cell {
  font-weight: var(--tk-fw-semibold);
  font-size: 0.6875rem;
  line-height: normal;
  color: #0f172a;
  white-space: nowrap;
}

.pp-main .tk-cat-tag {
  display: inline;
}

.pp-main .tk-card-dates {
  display: none;
}

.pp-main .tk-date-cell {
  color: #475569;
  font-weight: var(--tk-fw-regular);
  font-size: 0.8125rem;
  line-height: normal;
  white-space: nowrap;
}

.pp-main .tk-col-actions {
  text-align: right;
  width: 80px;
}

.pp-main .tk-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  white-space: nowrap;
}

.pp-main .tk-status-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
}

.pp-main .tk-status-pill--awaiting {
  background: #fef3c7;
  color: #92400e;
}
.pp-main .tk-status-pill--awaiting .tk-status-pill__dot {
  background: #f59e0b;
}

.pp-main .tk-status-pill--answered {
  background: #ecfdf5;
  color: #10b981;
}
.pp-main .tk-status-pill--answered .tk-status-pill__dot {
  background: #10b981;
}

.pp-main .tk-status-pill--closed {
  background: #f1f5f9;
  color: #475569;
}
.pp-main .tk-status-pill--closed .tk-status-pill__dot {
  background: #94a3b8;
}

.pp-main .tk-status-pill--default {
  background: #f1f5f9;
  color: #475569;
}
.pp-main .tk-status-pill--default .tk-status-pill__dot {
  background: #94a3b8;
}

.pp-main .tk-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border: 1px solid #1d4ed8;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.6875rem;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}

.pp-main .tk-view-btn:hover {
  opacity: 0.88;
  color: #1d4ed8;
}

.pp-main .tk-server-pagination {
  padding: 0 24px 24px;
}

.pp-main .tk-table-card--empty {
  padding: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
}

.pp-main .tk-table-card--empty .tk-empty {
  border-top: 0;
}

.pp-main .tk-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px 24px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}

.pp-main .tk-empty__icon {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #eff6ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
}

.pp-main .tk-empty__icon .pp-icon--tickets-inbox {
  width: 28px;
  height: 28px;
}

.pp-main .tk-empty__title {
  margin: 0;
  width: 100%;
  font-weight: var(--tk-fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: #0f172a;
  text-align: center;
}

.pp-main .tk-empty__desc {
  margin: 0;
  width: 100%;
  max-width: none;
  font-weight: var(--tk-fw-regular);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #475569;
  text-align: center;
}

.pp-main .tk-table-pagination {
  padding: 24px;
  border-top: 0;
}

.pp-main .tk-table-pagination .pp-orders-pagination__meta {
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  color: #475569;
}

.pp-main .tk-table-pagination .pp-orders-pagination__nav {
  gap: 6px;
}

.pp-main .tk-table-pagination .pp-page-btn {
  min-width: 32px;
  height: 32px;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--tk-fw-medium);
}

.pp-main .tk-table-pagination .pp-page-btn.active {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
  font-weight: var(--tk-fw-semibold);
}

[data-bs-theme=dark] .pp-main .tk-feat-card,
[data-bs-theme=dark] .pp-main .tk-action-card,
[data-bs-theme=dark] .pp-main .tk-list-card,
[data-bs-theme=dark] .pp-main .tk-table-card,
[data-bs-theme=dark] .pp-main .tk-form-panel,
[data-bs-theme=dark] .pp-main .tk-guidelines {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .pp-main .tk-input,
[data-bs-theme=dark] .pp-main .tk-select,
[data-bs-theme=dark] .pp-main .tk-textarea,
[data-bs-theme=dark] .pp-main .tk-upload__drop {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--pp-text);
}

[data-bs-theme=dark] .pp-main .tk-form-panel__title,
[data-bs-theme=dark] .pp-main .tk-guidelines__title {
  color: var(--pp-text);
}

[data-bs-theme=dark] .pp-main .tk-label,
[data-bs-theme=dark] .pp-main .tk-guidelines__intro,
[data-bs-theme=dark] .pp-main .tk-guidelines__item {
  color: var(--pp-text-muted);
}

[data-bs-theme=dark] .pp-main .tk-guidelines__divider {
  background: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .pp-main .tk-guidelines__faq-btn {
  background: transparent;
}

[data-bs-theme=dark] .pp-main .tk-feat-title,
[data-bs-theme=dark] .pp-main .tk-action-card__title,
[data-bs-theme=dark] .pp-main .tk-list-title,
[data-bs-theme=dark] .pp-main .tk-form-heading,
[data-bs-theme=dark] .pp-main .tk-empty__title {
  color: var(--pp-text);
}

[data-bs-theme=dark] .pp-main .tk-feat-sub,
[data-bs-theme=dark] .pp-main .tk-action-card__sub,
[data-bs-theme=dark] .pp-main .tk-empty__desc {
  color: var(--pp-text-muted);
}

[data-bs-theme=dark] .pp-main .tk-ftab {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--pp-text-muted);
}

[data-bs-theme=dark] .pp-main .tk-empty {
  border-top-color: transparent;
}

[data-bs-theme=dark] .pp-main .tk-table thead tr {
  background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .pp-main .tk-table thead th,
[data-bs-theme=dark] .pp-main .tk-table tbody tr,
[data-bs-theme=dark] .pp-main .tk-table-pagination {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .pp-main .tk-table td,
[data-bs-theme=dark] .pp-main .tk-id-cell,
[data-bs-theme=dark] .pp-main .tk-subject-link,
[data-bs-theme=dark] .pp-main .tk-cat-cell {
  color: var(--pp-text);
}

[data-bs-theme=dark] .pp-main .tk-date-cell {
  color: var(--pp-text-muted);
}

@media (max-width: 991px) {
  .pp-main .tk-page {
    gap: 24px;
  }
  .pp-main .tk-page__top {
    gap: 16px;
  }
  .pp-main .tk-action-card__btn,
  .pp-main .tk-tg-btn {
    width: 100%;
    justify-content: center;
  }
  .pp-main .tk-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
    padding: 0 4px 2px;
  }
  .pp-main .tk-filter-tabs::-webkit-scrollbar {
    display: none;
  }
  .pp-main .tk-ftab {
    flex-shrink: 0;
    padding: 8px 16px;
  }
  .pp-main .tk-list-bar .pp-orders-search {
    flex-wrap: nowrap;
    width: 100%;
    gap: 8px;
  }
  .pp-main .tk-list-bar .pp-orders-search__field {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .pp-main .tk-list-bar .pp-orders-search__btn {
    width: auto;
    flex: 0 0 auto;
    justify-content: center;
    padding-inline: 14px;
  }
  .pp-main .tk-table-card {
    border: 0;
    background: transparent;
    overflow: visible;
    border-radius: 0;
  }
  .pp-main .tk-table-card--empty {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden;
  }
  .pp-main .tk-table-card .pp-orders-table-wrap,
  .pp-main .tk-table-card .tk-table-wrap {
    padding: 0;
    margin: 0;
    overflow: visible;
    background: transparent;
  }
  .pp-main .tk-table.pp-orders-table {
    min-width: 0;
    width: 100%;
  }
  .pp-main .tk-table.pp-orders-table tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row) {
    display: grid;
    flex-direction: unset;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "id status" "subject subject" "meta action";
    column-gap: 12px;
    row-gap: 12px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    box-shadow: none;
  }
  .pp-main .tk-table.pp-orders-table tbody tr:hover,
  .pp-main .tk-table.pp-orders-table tbody tr:hover td,
  .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row) td {
    background: transparent;
  }
  .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row):hover {
    background: var(--pp-surface-hover);
  }
  .pp-main .tk-table thead th,
  .pp-main .tk-table td {
    padding: 0;
  }
  .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row) td {
    padding: 0 !important;
    border: 0;
    background: transparent !important;
    display: block;
    width: auto;
    max-width: none;
    min-width: 0;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: start !important;
    white-space: normal;
    overflow: visible;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }
  .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row) td::before {
    display: none !important;
    content: none !important;
  }
  .pp-main .tk-id-cell {
    grid-area: id;
    font-weight: var(--tk-fw-bold);
    font-size: 0.8125rem;
    line-height: normal;
    color: #0f172a;
    white-space: nowrap;
  }
  .pp-main .tk-status-cell {
    grid-area: status;
    justify-self: end;
    align-self: center;
  }
  .pp-main .tk-status-pill {
    font-size: 0.6875rem;
  }
  .pp-main .tk-subject-cell {
    grid-area: subject;
    max-width: none;
    width: 100%;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e8f0;
  }
  .pp-main .tk-subject-link {
    display: block;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    text-align: start;
    word-break: break-word;
    font-weight: var(--tk-fw-medium);
    font-size: 0.875rem;
    line-height: 1.4;
    color: #0f172a;
  }
  .pp-main .tk-subject-link:hover {
    color: #1d4ed8;
  }
  .pp-main .tk-cat-cell {
    grid-area: meta;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    white-space: normal;
    font-weight: var(--tk-fw-regular);
    font-size: inherit;
    color: inherit;
  }
  .pp-main .tk-cat-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f8fafc;
    font-weight: var(--tk-fw-semibold);
    font-size: 0.6875rem;
    line-height: normal;
    color: #0f172a;
    white-space: nowrap;
  }
  .pp-main .tk-card-dates {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .pp-main .tk-card-dates__created {
    font-weight: var(--tk-fw-regular);
    font-size: 0.6875rem;
    line-height: normal;
    color: #475569;
    white-space: nowrap;
  }
  .pp-main .tk-card-dates__dot {
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: #94a3b8;
    flex-shrink: 0;
  }
  .pp-main .tk-card-dates__rel {
    font-weight: var(--tk-fw-medium);
    font-size: 0.6875rem;
    line-height: normal;
    color: #1d4ed8;
    white-space: nowrap;
  }
  .pp-main .tk-date-cell--created,
  .pp-main .tk-date-cell--updated {
    display: none !important;
  }
  .pp-main .tk-col-actions {
    grid-area: action;
    width: auto;
    min-width: 0;
    align-self: center;
    justify-self: end;
    text-align: end;
    display: flex;
    justify-content: flex-end;
  }
  .pp-main .tk-view-btn {
    width: auto;
    justify-content: center;
    padding: 6px 14px;
    font-size: 0.75rem;
    line-height: normal;
  }
  .pp-main .tk-table-pagination {
    padding: 16px 0 0;
  }
  .pp-main .tk-server-pagination {
    padding: 16px 0 0;
  }
  .pp-main .tk-empty {
    padding: 40px 24px;
    gap: 16px;
  }
  .pp-main .tk-form-layout {
    gap: 20px;
  }
  .pp-main .tk-form-panel,
  .pp-main .tk-guidelines {
    padding: 20px;
    gap: 20px;
  }
  .pp-main .tk-form-panel__title,
  .pp-main .tk-guidelines__title {
    font-size: 1.125rem;
    line-height: normal;
  }
  .pp-main .tk-textarea {
    min-height: 140px;
  }
  .pp-main .tk-upload__drop {
    padding: 20px;
  }
  .pp-main .tk-submit-btn,
  .pp-main .tk-form-panel .tk-submit-btn--full {
    width: 100%;
    padding: 14px 16px;
    font-size: 0.9375rem;
    line-height: normal;
    border-radius: 10px;
  }
  .pp-main .tk-guidelines__faq-btn {
    width: 100%;
    justify-content: center;
  }
}
.pp-main .vt-page {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pp-main .vt-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 991px) {
  .pp-main .vt-layout {
    grid-template-columns: 1fr;
  }
}

.pp-main .vt-info-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 340px;
  padding: 24px;
  border: 1px solid var(--pp-border);
  border-radius: 16px;
  background: var(--pp-surface);
}

.pp-main .vt-info-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pp-main .vt-info-block--subject {
  gap: 6px;
}

.pp-main .vt-info-label {
  margin: 0;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  color: #94a3b8;
  text-transform: uppercase;
}

.pp-main .vt-info-value {
  margin: 0;
  font-weight: var(--tk-fw-bold);
  font-size: 1.125rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .vt-info-subject {
  margin: 0;
  font-weight: var(--tk-fw-medium);
  font-size: 0.875rem;
  line-height: 1.4;
  color: #0f172a;
}

.pp-main .vt-divider {
  height: 1px;
  background: #e2e8f0;
  border: 0;
  margin: 0;
}

.pp-main .vt-meta-rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pp-main .vt-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pp-main .vt-meta-row__label {
  font-weight: var(--tk-fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
  color: #475569;
}

.pp-main .vt-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.75rem;
  line-height: normal;
  white-space: nowrap;
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-meta-empty {
  font-weight: var(--tk-fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
  color: #94a3b8;
}

.pp-main .vt-badge--cat-order,
.pp-main .vt-badge--cat-default {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-badge--cat-technical {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-badge--priority-low {
  background: #ecfdf5;
  border: 1px solid #d1fae5;
  color: #10b981;
}

.pp-main .vt-badge--priority-medium,
.pp-main .vt-badge--priority-high {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-badge--status-awaiting {
  background: #fef3c7;
  color: #d97706;
}

.pp-main .vt-badge--status-answered {
  background: #ecfdf5;
  border: 1px solid #d1fae5;
  color: #10b981;
}

.pp-main .vt-badge--status-closed,
.pp-main .vt-badge--status-default {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-date-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 0.8125rem;
  line-height: normal;
}

.pp-main .vt-date-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pp-main .vt-date-row__label {
  font-weight: var(--tk-fw-regular);
  color: var(--pp-text-soft);
}

.pp-main .vt-date-row__value {
  font-weight: var(--tk-fw-medium);
  color: var(--pp-text);
  text-align: right;
  word-break: break-word;
}

.pp-main .vt-back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.pp-main .vt-back-btn:hover {
  opacity: 0.88;
  color: #1d4ed8;
}

.pp-main .vt-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.pp-main .vt-thread-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--pp-border);
  border-radius: 16px;
  background: var(--pp-surface);
  width: 100%;
}

.pp-main .vt-thread-title {
  margin: 0;
  font-weight: var(--tk-fw-semibold);
  font-size: 1rem;
  line-height: normal;
  color: var(--pp-text);
}

.pp-main .vt-messages {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.pp-main .vt-msg {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 12px;
  width: 100%;
}

.pp-main .vt-msg-user {
  justify-content: flex-end;
  flex-direction: row;
}

.pp-main .vt-msg-support {
  justify-content: flex-start;
  flex-direction: row;
}

.pp-main .vt-msg-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 540px;
  min-width: 0;
  flex: 1 0 0;
}

.pp-main .vt-msg-user .vt-msg-content {
  align-items: stretch;
}

.pp-main .vt-msg-support .vt-msg-content {
  align-items: stretch;
}

.pp-main .vt-msg-time {
  margin: 0;
  font-weight: var(--tk-fw-regular);
  font-size: 0.6875rem;
  line-height: normal;
  color: var(--pp-text-soft);
}

.pp-main .vt-msg-user .vt-msg-time {
  display: block;
  width: 100%;
  text-align: end;
}

.pp-main .vt-msg-meta {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.pp-main .vt-msg-author {
  font-weight: var(--tk-fw-semibold);
  font-size: 0.8125rem;
  line-height: normal;
  color: var(--pp-text);
}

.pp-main .vt-msg-support .vt-msg-meta .vt-msg-time {
  font-size: 0.6875rem;
  line-height: normal;
}

.pp-main .vt-bubble {
  padding: 14px;
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.pp-main .vt-bubble-user {
  background: #eff6ff;
  border: 1px solid #dbeafe;
}

.pp-main .vt-bubble-support {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}

.pp-main .vt-bubble-text {
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--pp-text);
  word-break: break-word;
}

.pp-main .vt-avatar {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #e2e8f0;
  color: #475569;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
}

.pp-main .vt-support-avatar {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1d4ed8;
}

.pp-main .vt-support-avatar .pp-icon--vt-brand {
  width: 17px;
  height: 21px;
}

.pp-main .vt-files {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.25);
}

.pp-main .vt-files-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
}

.pp-main .vt-file-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px 8px 0;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.pp-main .vt-file-chip:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.pp-main .vt-file-dl {
  font-weight: var(--tk-fw-semibold);
  color: #1d4ed8;
}

.pp-main .vt-notice {
  padding: 12px 16px;
  border-radius: 8px;
  font-weight: var(--tk-fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
}

.pp-main .vt-notice--awaiting {
  background: #fef3c7;
  color: #d97706;
}

.pp-main .vt-notice--answered {
  background: #eff6ff;
  color: #1d4ed8;
}

.pp-main .vt-notice--closed {
  background: #f3f4f6;
  color: #475569;
}

.pp-main .vt-reply-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--pp-border);
  border-radius: 12px;
  background: var(--pp-surface);
  width: 100%;
}

.pp-main .vt-reply-card--closed {
  opacity: 0.72;
}

.pp-main .vt-form-alert {
  margin-bottom: 0;
}

.pp-main .vt-reply-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.pp-main .vt-textarea-wrap {
  position: relative;
}

.pp-main .vt-textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-weight: var(--tk-fw-regular);
  font-size: 0.875rem;
  line-height: normal;
  resize: vertical;
}
.pp-main .vt-textarea:focus {
  outline: none;
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}
.pp-main .vt-textarea:disabled {
  background: #f8fafc;
  color: #94a3b8;
  cursor: not-allowed;
}

.pp-main .vt-char-count {
  display: none;
}

.pp-main .vt-reply-attach {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  flex: 0 1 auto;
  width: auto;
}

.pp-main .vt-attach-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: auto;
  min-height: 0;
  width: auto;
  padding: 8px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  font-weight: var(--tk-fw-medium);
  font-size: 0.8125rem;
  line-height: normal;
  white-space: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.pp-main .vt-attach-btn:hover, .pp-main .vt-attach-btn.tk-upload__drop--active {
  border-color: #1d4ed8;
  background: #eff6ff;
  color: #1d4ed8;
}
.pp-main .vt-attach-btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.pp-main .vt-attach-btn .pp-icon--vt-attach {
  width: 14px;
  height: 14px;
}

.pp-main .vt-reply-attach .tickets-uploader.tk-upload__uploader--bound:not(.tk-upload__has-files) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.pp-main .vt-reply-attach .tickets-uploader.tk-upload__has-files {
  position: static;
  width: 100%;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
}

.pp-main .vt-reply-attach .tk-upload__pp-chrome,
.pp-main .vt-reply-attach .tickets-uploader > input[type=file] {
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
}

.pp-main .pp-page-title h1:has(.vt-topbar-title) {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: inherit;
  line-height: inherit;
}

.pp-main .vt-topbar-title {
  font-weight: var(--tk-fw-bold);
  font-size: 1.375rem;
  line-height: normal;
  color: #0f172a;
}

.pp-main .vt-topbar-sep {
  font-weight: var(--tk-fw-medium);
  font-size: 1rem;
  line-height: normal;
  color: #94a3b8;
}

.pp-main .vt-topbar-ticket {
  font-weight: var(--tk-fw-semibold);
  font-size: 1rem;
  line-height: normal;
  color: #1d4ed8;
}

.pp-main .vt-reply-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
}

.pp-main .vt-reply-footer .tickets-uploader {
  margin: 0;
}

.pp-main .vt-reply-card > .vt-textarea-wrap + .vt-reply-footer {
  margin-top: 0;
}

.pp-main .vt-send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 0;
  width: auto;
  padding: 10px 20px;
  border: 0;
  border-radius: 8px;
  background: #1d4ed8;
  color: #ffffff;
  font-weight: var(--tk-fw-semibold);
  font-size: 0.875rem;
  line-height: normal;
  white-space: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
  font-family: inherit;
  box-shadow: none;
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.pp-main .vt-send-btn:hover:not(:disabled) {
  opacity: 0.88;
  background: #1d4ed8;
  color: #ffffff;
}
.pp-main .vt-send-btn:disabled {
  background: #cbd5e1;
  color: #ffffff;
  cursor: not-allowed;
  opacity: 1;
}

@media (max-width: 991px) {
  .pp-main .vt-info-card {
    max-width: none;
    padding: 16px;
  }
  .pp-main .vt-thread-card,
  .pp-main .vt-reply-card {
    padding: 16px;
  }
  .pp-main .vt-layout {
    gap: 16px;
  }
  .pp-main .vt-main {
    gap: 16px;
  }
  .pp-main .vt-messages {
    gap: 16px;
  }
  .pp-main .vt-msg {
    gap: 8px;
  }
  .pp-main .vt-msg-content {
    max-width: none;
    gap: 4px;
  }
  .pp-main .vt-msg-user .vt-msg-content {
    align-items: flex-end;
  }
  .pp-main .vt-msg-support .vt-msg-content {
    align-items: flex-start;
  }
  .pp-main .vt-avatar,
  .pp-main .vt-support-avatar {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    font-size: 0.75rem;
  }
  .pp-main .vt-support-avatar .pp-icon--vt-brand {
    width: 13px;
    height: 16px;
  }
  .pp-main .vt-msg-author {
    font-size: 0.75rem;
  }
  .pp-main .vt-msg-support .vt-msg-meta {
    gap: 6px;
  }
  .pp-main .vt-msg-support .vt-msg-meta .vt-msg-time {
    font-size: 0.625rem;
  }
  .pp-main .vt-bubble {
    padding: 12px;
    width: 100%;
    max-width: 290px;
    box-sizing: border-box;
  }
  .pp-main .vt-bubble-user {
    border-radius: 12px 12px 2px 12px;
  }
  .pp-main .vt-bubble-support {
    border-radius: 12px 12px 12px 2px;
    border-color: #e2e8f0;
  }
  [dir=rtl] .pp-main .vt-bubble-user {
    border-radius: 12px 12px 12px 2px;
  }
  [dir=rtl] .pp-main .vt-bubble-support {
    border-radius: 12px 12px 2px 12px;
  }
  .pp-main .vt-bubble-text {
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .pp-main .vt-notice--answered {
    background: #ecfdf5;
    border: 1px solid #d1fae5;
    color: #10b981;
    font-size: 0.75rem;
    padding: 12px;
  }
  .pp-main .vt-date-row {
    align-items: center;
    gap: 8px;
  }
  .pp-main .vt-date-row__value {
    white-space: normal;
    text-align: end;
  }
  .pp-main .vt-meta-row {
    align-items: center;
    gap: 8px;
  }
  .pp-main .vt-badge {
    white-space: normal;
    text-align: center;
  }
  .pp-main .vt-reply-footer {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .pp-main .vt-reply-attach {
    width: auto;
    flex: 0 1 auto;
    min-width: 0;
  }
  .pp-main .vt-attach-btn {
    width: auto;
    height: auto;
    min-height: 0;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    font-size: 0.8125rem;
    line-height: normal;
  }
  .pp-main .vt-send-btn {
    width: auto;
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
    padding: 8px 16px;
    font-size: 0.8125rem;
    line-height: normal;
    border-radius: 8px;
  }
  .pp-main .vt-topbar-title {
    font-size: 1.125rem;
    line-height: normal;
  }
  .pp-main .pp-page-title h1:has(.vt-topbar-title) {
    flex-wrap: wrap;
    gap: 6px 8px;
  }
  .pp-main .vt-file-chip {
    max-width: 100%;
  }
}
.upd-page {
  min-width: 0;
}

.upd-toolbar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.upd-toolbar .pp-orders-search {
  margin: 0;
}

.pp-main .upd-hero {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: #ffffff;
  border-color: #e2e8f0;
}
@media (max-width: 991px) {
  .pp-main .upd-hero {
    padding: 20px 16px;
  }
}

.upd-hero-text {
  min-width: 0;
}

.pp-main .upd-hero-badge {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  font-size: 0.6875rem;
  line-height: 1rem;
}

.upd-hero-title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 6px;
}

.pp-main .upd-gradient-text {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.upd-hero-sub {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0;
}

.upd-type-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 991px) {
  .upd-type-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
    padding: 0 4px 4px;
  }
  .upd-type-pills::-webkit-scrollbar {
    display: none;
  }
}

.upd-type-pill {
  min-width: 0;
  flex: 0 0 auto;
  border-color: #e2e8f0;
  background: #ffffff;
  transform: none;
}
.upd-type-pill:hover {
  transform: none;
}
@media (max-width: 991px) {
  .upd-type-pill {
    flex-shrink: 0;
  }
}

.pp-main .upd-type-pill.active {
  border-color: #1d4ed8;
  background: rgba(29, 78, 216, 0.08);
}

.upd-pill-label {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.upd-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 991px) {
  .upd-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -4px;
    padding: 0 4px 4px;
  }
  .upd-filter-tabs::-webkit-scrollbar {
    display: none;
  }
}

.upd-filter-tab {
  flex-shrink: 0;
}

.pp-main .upd-filter-tab {
  padding: 8px 16px;
  border-radius: 99px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: var(--fw-semibold);
}

.pp-main .upd-filter-tab:hover {
  border-color: #cbd5e1;
  color: var(--pp-text);
}

.pp-main .upd-filter-tab.active {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
}

.upd-list-head {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}

.upd-item {
  padding: 20px 24px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #e2e8f0;
}
@media (max-width: 991px) {
  .upd-item {
    padding: 16px;
  }
  .upd-item:hover {
    transform: none;
  }
}

@media (max-width: 991px) {
  .upd-item-top {
    flex-direction: column;
    align-items: flex-start;
  }
}

.upd-item-title {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}

.upd-item-id {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.upd-item-body {
  font-size: 0.875rem;
  line-height: 1.375rem;
  word-break: break-word;
}

.upd-badge {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.upd-empty-title {
  font-size: 1rem;
  line-height: 1.5rem;
}

.upd-empty-sub {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.pp-main .upd-cta {
  padding: 32px 24px;
  background: #ffffff;
  border-color: #e2e8f0;
}
@media (max-width: 991px) {
  .pp-main .upd-cta {
    padding: 24px 16px;
  }
}

.pp-main .upd-cta-icon {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
}

.upd-cta-title {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

.upd-cta-desc {
  font-size: 0.8125rem;
  line-height: 1.375rem;
}

[data-bs-theme=dark] .pp-main .upd-hero,
[data-bs-theme=dark] .pp-main .upd-cta {
  background: rgba(13, 43, 54, 0.6);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .pp-main .upd-type-pill,
[data-bs-theme=dark] .pp-main .upd-filter-tab {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .pp-main .upd-type-pill.active {
  background: rgba(29, 78, 216, 0.12);
  border-color: #1d4ed8;
}

.af-grid {
  min-width: 0;
}
@media (max-width: 991px) {
  .af-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.pp-main .af-banner {
  padding: 20px 24px;
  background: rgba(29, 78, 216, 0.06);
  border: 1px solid rgba(29, 78, 216, 0.2);
}
@media (max-width: 991px) {
  .pp-main .af-banner {
    padding: 16px;
  }
}

.af-main,
.af-sidebar {
  min-width: 0;
}

.af-card {
  padding: 24px;
  min-width: 0;
}
@media (max-width: 991px) {
  .af-card {
    padding: 16px;
  }
}

.af-card-head {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom-color: #e2e8f0;
}

.af-ref-link-wrap {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .af-ref-link-wrap {
    flex-direction: column;
  }
}

.af-ref-input {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.pp-main .af-copy-btn {
  height: 42px;
  padding: 0 18px;
  background: #1d4ed8;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
@media (max-width: 991px) {
  .pp-main .af-copy-btn {
    width: 100%;
    justify-content: center;
  }
}
.pp-main .af-copy-btn:hover {
  background: #1e40af;
  opacity: 1;
}

.af-stats-grid {
  gap: 12px;
}
@media (max-width: 1399px) {
  .af-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .af-stats-grid {
    gap: 8px;
  }
}
@media (max-width: 575px) {
  .af-stats-grid {
    grid-template-columns: 1fr;
  }
}

.pp-main .af-stat-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
@media (max-width: 991px) {
  .pp-main .af-stat-card {
    padding: 12px;
  }
  .pp-main .af-stat-card:hover {
    transform: none;
  }
}

.af-stat-val {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.af-stat-lbl {
  font-size: 0.6875rem;
  line-height: 1rem;
}

@media (max-width: 991px) {
  .af-steps {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

.pp-main .af-step {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
@media (max-width: 991px) {
  .pp-main .af-step {
    flex: none;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 16px;
  }
}

.pp-main .af-step-icon,
.pp-main .af-step-num {
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
}

.af-step-title {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.af-step-desc {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

@media (max-width: 991px) {
  .af-step-arrow {
    transform: rotate(90deg);
    align-self: center;
    padding-top: 0;
  }
}

.af-faq-q {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.af-faq-a p {
  font-size: 0.8125rem;
  line-height: 1.375rem;
}

.af-terms-body p,
.af-terms-body li {
  font-size: 0.8125rem;
  line-height: 1.375rem;
}

.af-card .pp-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  .af-card .pp-table-wrap {
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}

@media (max-width: 991px) {
  .pp-main .af-card .pp-table {
    width: 100%;
    min-width: 0;
  }
  .pp-main .af-card .pp-table thead {
    display: none;
  }
  .pp-main .af-card .pp-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .pp-main .af-card .pp-table tbody tr {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
  }
  .pp-main .af-card .pp-table tbody td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    border: 0;
    font-size: 0.8125rem;
    line-height: normal;
    font-weight: var(--fw-semibold);
    color: var(--pp-text);
    text-align: right;
    white-space: normal;
  }
  .pp-main .af-card .pp-table tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-weight: var(--fw-regular);
    color: var(--pp-text-muted);
    text-align: left;
  }
  [dir=rtl] .pp-main .af-card .pp-table tbody td {
    text-align: left;
  }
  [dir=rtl] .pp-main .af-card .pp-table tbody td::before {
    text-align: right;
  }
}

.pp-main .af-pay-row {
  background: var(--pp-surface-muted);
  border: 1px solid var(--pp-border);
}

.af-pay-lbl {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.af-pay-val {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.af-tier-name {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.af-tier-pct {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.pp-main .af-payout-btn {
  background: #1d4ed8;
}
.pp-main .af-payout-btn:hover {
  background: #1e40af;
  opacity: 1;
}

[data-bs-theme=dark] .pp-main .af-banner {
  background: rgba(29, 78, 216, 0.1);
  border-color: rgba(29, 78, 216, 0.25);
}

[data-bs-theme=dark] .pp-main .af-ref-input {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme=dark] .pp-main .af-stat-card,
[data-bs-theme=dark] .pp-main .af-step,
[data-bs-theme=dark] .pp-main .af-pay-row {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

:root {
  --gh-home-gutter: 80px;
  --gh-home-gap-md: 80px;
}
@media (max-width: 1399px) {
  :root {
    --gh-home-gutter: 24px;
    --gh-home-gap-md: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --gh-home-gutter: 20px;
  }
}

.home-hero {
  position: relative;
  overflow: hidden;
  padding: 210px 80px 252px;
  background: var(--gh-color-bg-dark);
}
@media (max-width: 1199px) {
  .home-hero {
    padding-top: 168px;
  }
}
@media (max-width: 991px) {
  .home-hero {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .home-hero {
    padding: 136px 20px 64px;
  }
}

.home-hero__backdrop {
  position: absolute;
  inset: 0 auto auto 50%;
  width: min(100%, 1440px);
  height: 935px;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 767px) {
  .home-hero__backdrop {
    width: 100%;
    height: 100%;
    overflow: visible;
  }
}

.home-hero__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(172px);
  z-index: 1;
}

.home-hero__glow--one {
  top: -574.71px;
  left: 199.59px;
  width: 1097.816px;
  height: 1070.424px;
  transform: rotate(-129.6deg);
}
@media (max-width: 767px) {
  .home-hero__glow--one {
    top: -132px;
    left: 50%;
    width: 343.814px;
    height: 450px;
    transform: translateX(-50%) rotate(-50.4deg);
    filter: blur(100px);
    background: var(--gh-color-primary-glow);
  }
}

.home-hero__glow--two {
  display: none;
}

.home-hero__glow--one::before {
  content: "";
  position: absolute;
  top: 98.712px;
  left: 215.408px;
  width: 667px;
  height: 873px;
  border-radius: 999px;
  background: var(--gh-color-primary-glow);
}
@media (max-width: 767px) {
  .home-hero__glow--one::before {
    content: none;
  }
}

.home-hero__float {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 341px;
  height: 452px;
  transform: translateX(-50%);
  z-index: 2;
  animation: home-hero-float 3s ease-in-out infinite;
}
@media (max-width: 767px) {
  .home-hero__float {
    top: 44px;
    width: 220px;
    height: 280px;
    opacity: 1;
  }
}

.home-hero__float-art {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.home-hero__inner,
.home-services-overview__inner {
  position: relative;
  width: min(100%, 1280px);
  margin: 0 auto;
}

.home-hero__inner {
  z-index: 3;
}

.home-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.home-hero__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 800px;
  max-width: 100%;
  text-align: center;
}

.home-hero__pill {
  display: inline-flex;
  align-items: flex-start;
  padding: 8px 16px;
  min-height: 34px;
  border: 0;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
  color: #ffffff;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .home-hero__pill {
    font-size: 0.75rem;
    line-height: normal;
  }
}

.home-hero__title {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  color: #ffffff;
  font-size: 3.375rem;
  line-height: 3.6875rem;
  font-weight: var(--fw-bold);
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .home-hero__title {
    display: block;
    font-size: 2.25rem;
    line-height: 2.475rem;
    letter-spacing: normal;
  }
}

@media (max-width: 767px) {
  .home-hero__title span {
    display: inline;
  }
}

.home-hero__desc {
  width: 600px;
  max-width: 100%;
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-hero__desc {
    font-size: 0.9375rem;
    line-height: 1.40625rem;
  }
}

.home-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .home-hero__actions {
    align-self: stretch;
    width: 100%;
  }
}

.home-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .home-hero__buttons {
    flex-direction: column;
    flex-wrap: nowrap;
    align-self: stretch;
    width: 100%;
  }
}

.home-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 16px 24px;
  border-radius: 33554400px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: var(--fw-regular);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 767px) {
  .home-hero__button {
    display: flex;
    width: 100%;
    min-width: 0;
  }
}

.home-hero__button--primary {
  min-width: 157px;
  background: #ffffff;
  color: var(--gh-color-primary);
}

.home-hero__button--primary:hover {
  background: #f2f2f2;
  color: #1740b6;
}

.home-hero__button--secondary {
  border: 1px solid #ffffff;
  color: #ffffff;
}

.home-hero__button--secondary:hover {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.85);
}

.home-hero__note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  font-weight: var(--fw-regular);
}

.home-hero__note-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.home-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .home-hero__stats {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 24px;
  }
}

.home-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.home-hero__stat strong,
.home-hero__stat span {
  display: block;
}

.home-hero__stat strong {
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 1.9375rem;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .home-hero__stat strong {
    font-size: 1.75rem;
    line-height: 1.925rem;
  }
}

.home-hero__stat span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-hero__stat span {
    font-size: 0.875rem;
    line-height: 1.225rem;
  }
}

.home-services-overview {
  position: relative;
  z-index: 2;
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  margin-top: -160px;
  background: transparent;
}
@media (max-width: 767px) {
  .home-services-overview {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

.home-services-overview__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 80px;
  border-radius: var(--gh-radius-xl);
  background: var(--asset-services-bg) center/cover no-repeat;
  isolation: isolate;
}
@media (max-width: 1199px) {
  .home-services-overview__inner {
    gap: 40px;
    padding: 56px 24px;
  }
}
@media (max-width: 767px) {
  .home-services-overview__inner {
    width: 100%;
    max-width: none;
    padding: 40px 20px;
    gap: 32px;
    border-radius: 0;
  }
}

.home-services-overview__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 0 160px;
  text-align: center;
}
@media (max-width: 1199px) {
  .home-services-overview__heading {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .home-services-overview__heading {
    gap: 12px;
  }
}

.home-services-overview__heading span,
.home-services-overview__heading h2,
.home-services-overview__copy strong,
.home-services-overview__copy span {
  margin: 0;
}

.home-services-overview__heading span {
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-services-overview__heading span {
    font-size: 0.6875rem;
  }
}

.home-services-overview__heading h2 {
  color: var(--gh-color-text-dark);
  font-size: 2.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-services-overview__heading h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.home-services-overview__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 80px;
  column-gap: 32px;
  row-gap: 32px;
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .home-services-overview__grid {
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .home-services-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-auto-rows: unset;
    height: 288px;
    column-gap: 4px;
    row-gap: 12px;
  }
}

.home-services-overview__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  height: 80px;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--gh-radius-md);
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .home-services-overview__card {
    height: auto;
    min-height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .home-services-overview__card {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .home-services-overview__card {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    height: 100%;
    min-height: 0;
    padding: 16px;
    gap: 12px;
    border-color: #e5e7eb;
    border-radius: 12px;
    background: #fff;
  }
}

.home-services-overview__icon,
.home-services-overview__copy {
  position: relative;
  z-index: 1;
}

.home-services-overview__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid var(--gh-color-primary);
  border-radius: 100px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  overflow: visible;
}
@media (max-width: 767px) {
  .home-services-overview__icon {
    width: 32px;
    height: 32px;
    background-size: 16px 16px;
  }
}

.home-services-overview__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  width: 100%;
}

.home-services-overview__copy strong {
  color: var(--gh-color-text-dark);
  font-size: 0.9375rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-services-overview__copy strong {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.home-services-overview__copy span {
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-services-overview__copy span {
    display: none;
  }
}

@keyframes home-hero-float {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-8px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-hero__float {
    animation: none;
  }
}
.home-pricing {
  position: relative;
  z-index: 2;
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  margin-top: var(--gh-home-gap-md);
}
@media (max-width: 767px) {
  .home-pricing {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

.home-pricing__shell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  padding: 80px;
  border-radius: var(--gh-radius-xl);
  background: #000000;
  overflow: hidden;
  isolation: isolate;
}
@media (max-width: 1199px) {
  .home-pricing__shell {
    padding: 56px 24px;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .home-pricing__shell {
    width: 100%;
    max-width: none;
    padding: 40px 20px;
    border-radius: 0;
  }
}

.home-pricing__backdrop {
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 0;
  width: min(1440px, 200%);
  height: 900px;
  transform: translateX(-50%) rotate(180deg) scaleY(-1);
  background: var(--asset-pricing-bg) center/cover no-repeat;
  pointer-events: none;
}

.home-pricing__heading,
.home-pricing__tabs,
.home-pricing__panels {
  position: relative;
  z-index: 1;
  width: 100%;
}

.home-pricing__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.home-pricing__heading span,
.home-pricing__heading h2,
.home-pricing__heading p {
  margin: 0;
}

.home-pricing__heading span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.home-pricing__heading h2 {
  color: #ffffff;
  font-size: 2.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-pricing__heading h2 {
    font-size: 1.75rem;
    line-height: 2.1rem;
  }
}

.home-pricing__heading p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.0625rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__heading p {
    font-size: 0.875rem;
  }
}

.home-pricing__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 991px) {
  .home-pricing__tabs {
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .home-pricing__tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    width: calc(100% + 40px);
    max-width: none;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .home-pricing__tabs::-webkit-scrollbar {
    display: none;
  }
}

.home-pricing__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 10px 14px;
  border: 0;
  border-radius: var(--gh-radius-pill);
  background-color: #383838;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}
@media (max-width: 991px) {
  .home-pricing__tab {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .home-pricing__tab {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .home-pricing__tab:not(.home-pricing__tab--active):not([aria-selected=true]) {
    color: rgba(255, 255, 255, 0.65);
  }
  .home-pricing__tab:not(.home-pricing__tab--active):not([aria-selected=true]) .home-pricing__tab-icon {
    opacity: 0.65;
  }
}

.home-pricing__tab:not(.home-pricing__tab--active):not([aria-selected=true]):not(:disabled):hover {
  background-color: #454545;
  color: #fff;
}

.home-pricing__tab--active,
.home-pricing__tab[aria-selected=true] {
  background-color: #ffffff;
  color: #000000;
}

.home-pricing__tab--active:hover,
.home-pricing__tab[aria-selected=true]:hover {
  background-color: #ffffff;
  color: #000000;
}

.home-pricing__tab:focus-visible {
  outline: 2px solid var(--gh-color-primary);
  outline-offset: 2px;
}

.home-pricing__tab--soon,
.home-pricing__tab--soon[aria-selected=true] {
  background-color: #383838;
  color: rgba(255, 255, 255, 0.65);
  cursor: not-allowed;
}

.home-pricing__tab--soon:hover {
  background-color: #383838;
  color: rgba(255, 255, 255, 0.65);
}

.home-pricing__tab-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.home-pricing__tab-icon--telegram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjE2MjcgOC4yNjIzOUMyLjE2MjcgOC4yNjIzOSA4LjI5OTM5IDUuNzUxNTggMTAuNDI3NyA0Ljg2NzUyQzExLjI0MzUgNC41MTM4OSAxNC4wMTA0IDMuMzgyMjMgMTQuMDEwNCAzLjM4MjIzQzE0LjAxMDQgMy4zODIyMyAxNS4yODczIDIuODg3MjMgMTUuMTgwOSA0LjA4OTQ4QzE1LjE0NTQgNC41ODQ1OCAxNC44NjE2IDYuMzE3MzYgMTQuNTc3OCA4LjE5MTYxQzE0LjE1MjIgMTAuODQzOSAxMy42OTEgMTMuNzQzNiAxMy42OTEgMTMuNzQzNkMxMy42OTEgMTMuNzQzNiAxMy42MjAyIDE0LjU1NyAxMy4wMTcyIDE0LjY5ODRDMTIuNDE0MSAxNC44Mzk5IDExLjQyMDkgMTQuMjAzMyAxMS4yNDM1IDE0LjA2MTlDMTEuMTAxNyAxMy45NTU3IDguNTgzMTcgMTIuMzY0NCA3LjY2MDk1IDExLjU4NjVDNy40MTI2IDExLjM3NDMgNy4xMjg4MiAxMC45NDk5IDcuNjk2MzkgMTAuNDU0OEM4Ljk3MzM1IDkuMjg3OTIgMTAuNDk4NyA3LjgzNzk4IDExLjQyMDkgNi45MTg1OEMxMS44NDY1IDYuNDk0MTcgMTIuMjcyMiA1LjUwMzk4IDEwLjQ5ODcgNi43MDYzM0M3Ljk4MDE3IDguNDM5MTEgNS40OTcxMSAxMC4wNjU5IDUuNDk3MTEgMTAuMDY1OUM1LjQ5NzExIDEwLjA2NTkgNC45Mjk2NCAxMC40MTk1IDMuODY1NDggMTAuMTAxMkMyLjgwMTMyIDkuNzgyOTIgMS41NTk3OSA5LjM1ODYxIDEuNTU5NzkgOS4zNTg2MUMxLjU1OTc5IDkuMzU4NjEgMC43MDg1NDIgOC44MjgwOCAyLjE2Mjg5IDguMjYyMzlIMi4xNjI3WiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=");
}

.home-pricing__tab-icon--instagram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJpbnN0YWdyYW0iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTMuMTI1MyA0Ljg3NDY3SDEzLjEzMjhNNS4yNDk3IDEuNDk5NEgxMi43NTAzQzE0LjgyMTUgMS40OTk0IDE2LjUwMDYgMy4xNzg0NyAxNi41MDA2IDUuMjQ5N1YxMi43NTAzQzE2LjUwMDYgMTQuODIxNSAxNC44MjE1IDE2LjUwMDYgMTIuNzUwMyAxNi41MDA2SDUuMjQ5N0MzLjE3ODQ3IDE2LjUwMDYgMS40OTk0IDE0LjgyMTUgMS40OTk0IDEyLjc1MDNWNS4yNDk3QzEuNDk5NCAzLjE3ODQ3IDMuMTc4NDcgMS40OTk0IDUuMjQ5NyAxLjQ5OTRaTTEyIDguNTI3NjlDMTIuMDkyNiA5LjE1MTkyIDExLjk4NiA5Ljc4OTQ1IDExLjY5NTMgMTAuMzQ5NkMxMS40MDQ3IDEwLjkwOTcgMTAuOTQ0OCAxMS4zNjQgMTAuMzgxMSAxMS42NDc3QzkuODE3NDIgMTEuOTMxNCA5LjE3ODYzIDEyLjAzMDIgOC41NTU1OCAxMS45MDk5QzcuOTMyNTQgMTEuODI5NyA3LjM1Njk3IDExLjUzNTUgNi45MTA3NCAxMS4wODkzQzYuNDY0NTIgMTAuNjQzIDYuMTcwMzUgMTAuMDY3NSA2LjA3MDEgOS40NDQ0MkM1Ljk2OTg0IDguODIxMzggNi4wNjg1OSA4LjE4MjU4IDYuMzUyMzEgNy42MTg5QzYuNjM2MDMgNy4wNTUyMSA3LjA5MDI3IDYuNTk1MzQgNy42NTA0MSA2LjMwNDY5QzguMjEwNTUgNi4wMTQwNCA4Ljg0ODA4IDUuOTA3NDIgOS40NzIzMiA1Ljk5OTk5QzEwLjEwOTEgNi4wOTQ0MSAxMC42OTg2IDYuMzkxMTEgMTEuMTUzNyA2Ljg0NjI4QzExLjYwODkgNy4zMDE0NSAxMS45MDU2IDcuODkwOTQgMTIgOC41Mjc2OVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
}

.home-pricing__tab-icon--youtube {
  background-image: var(--asset-pricing-tab-youtube);
}

.home-pricing__tab-icon--x {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDIyMl8xNDU2KSI+PHBhdGggZD0iTTE1LjAwMDUgNS41NDk0QzE1Ljk3NTUgNC41NzQzNiAxNi41MDA2IDIuOTk5MjggMTYuNTAwNiAyLjk5OTI4QzE2LjUwMDYgMi45OTkyOCAxNS4wNzU1IDMuODk5MzMgMTQuMjUwNCAzLjg5OTMzQzEyLjAwMDIgMS43OTkyMyA4LjMyNDk0IDMuNTk5MzEgOC45OTk5OSA2Ljc0OTQ2QzYuNDQ5NzkgNi44MjQ0NiAzLjg5OTU4IDUuNjk5NDEgMi4yNDk0NSAzLjc0OTMyQzAuMzc0MyA3LjE5OTQ4IDIuMjQ5NDUgMTEuNjI0NyA1Ljk5OTc1IDEyLjc0OTdDNC43OTk2NSAxMy43OTk4IDMuMTQ5NTIgMTQuMzI0OCAxLjQ5OTM5IDE0LjI0OThDNy45NDk5MSAxOC41MjUgMTYuMjAwNiAxMy4wNDk3IDE1LjAwMDUgNS41NDk0WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfNDIyMl8xNDU2Ij48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
}

.home-pricing__tab-icon--tiktok {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTIuNDQ0MyAyLjY4ODQ4QzEyLjU3NzcgMy42MjQzMyAxMi45NjcyIDQuNTYyMjggMTMuNjg0NiA1LjI1Njg0VjUuMjU3ODFDMTQuNDA4NiA1Ljk3NTM0IDE1LjM2NjggNi4zMzc5MyAxNi4yOTY5IDYuNVY4LjE1MzMyQzE1LjU5MyA4LjA3OTQ2IDE0LjkwNDEgNy45MDQ1NSAxNC4yNzY0IDcuNjA3NDJMMTQuMjcwNSA3LjYwNDQ5TDE0LjAyMTUgNy40ODI0MkMxMy43NzQ5IDcuMzUyMjMgMTMuNTMyNSA3LjIwMDM4IDEzLjI4MTIgNy4wMzYxM0wxMi41MTA3IDYuNTMyMjNMMTIuNTA3OCA3LjQ1MzEyQzEyLjUwMTMgOS4zNTczIDEyLjUxNDQgMTEuMjQzMyAxMi40OTUxIDEzLjEzMThDMTIuNDQ2NSAxMy45NTI0IDEyLjE3NTYgMTQuNzYyNCAxMS43MDcgMTUuNDI3N0wxMS43MDMxIDE1LjQzNDZDMTAuOTM5OCAxNi41NTMzIDkuNjEwOTIgMTcuMjgyNSA4LjI1OTc3IDE3LjMwNTdIOC4yNUw4LjI0MDIzIDE3LjMwNjZDNy40MTc0MiAxNy4zNTI2IDYuNTgzNSAxNy4xMjg0IDUuODY2MjEgMTYuNzA1MVYxNi43MDQxQzQuNjg5MTMgMTYuMDEwNiAzLjg2MTE0IDE0LjczODUgMy43MzUzNSAxMy4zODU3QzMuNzIzMDQgMTMuMDc0MSAzLjcxNzA2IDEyLjc3MTcgMy43Mjg1MiAxMi40Nzk1QzMuODM3MTUgMTEuMzc2NiA0LjM4NzEyIDEwLjMxODQgNS4yMzM0IDkuNTk5NjFMNS4yMzczIDkuNTk2NjhDNi4xMDU3NyA4Ljg0MzI4IDcuMjgwNDUgOC40NDU1MSA4LjQxNDA2IDguNTM3MTFDOC40MTM3OSA5LjE1NTExIDguNDAxNDUgOS43NTU1MSA4LjM5MzU1IDEwLjM4MjhDNy43OTIwNCAxMC4zMjk3IDcuMTU5MTQgMTAuNDU4MSA2LjYzNjcyIDEwLjgxODRWMTAuODE5M0M2LjE5ODYyIDExLjEwNzkgNS44NTY0OCAxMS41MjQyIDUuNjQ2NDggMTEuOTk2MUw1LjU3MzI0IDEyLjE3OTdDNS4zODYwNiAxMi42MzQ2IDUuNDM5MDggMTMuMTQ0NCA1LjQ0NDM0IDEzLjQyNjhMNS40NDUzMSAxMy40NTlMNS40NTAyIDEzLjQ5MDJDNS42MzkxNyAxNC43ODEzIDYuODU5NSAxNS44ODM1IDguMjI2NTYgMTUuNzg1Mkw4LjIyNzU0IDE1Ljc4NjFDOS4wODQzMiAxNS43Nzg1IDkuODg1NjEgMTUuMzE3NSAxMC4zNjIzIDE0LjYzNzdMMTAuNDUzMSAxNC40OTlMMTAuNDYgMTQuNDg3M0MxMC41NjI2IDE0LjMwOTEgMTAuNzgyNSAxMy45Njc3IDEwLjc5MyAxMy41NjA1TDEwLjc5MiAxMy41NTk2QzEwLjg1NjkgMTIuMzgzIDEwLjgzMjUgMTEuMjAyOSAxMC44Mzg5IDEwLjA2MTVWMTAuMDU5NkMxMC44NDUgNy41OTUwMiAxMC44MzQ5IDUuMTQ3ODMgMTAuODQ5NiAyLjY5NjI5QzExLjM4MjEgMi42OTIwOSAxMS45MDkxIDIuNjkwMzIgMTIuNDQ0MyAyLjY4ODQ4WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNjUiLz48L3N2Zz4=");
}

.home-pricing__tab-icon--all {
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiByeD0iMSIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSI4IiB5PSIxIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiByeD0iMSIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIxIiB5PSI4IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiByeD0iMSIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSI4IiB5PSI4IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiByeD0iMSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=");
}

.home-pricing__tab-icon--favorites {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNOCAxMS43MzVMMTIuOTQ0IDE0Ljc1TDExLjYzMiA5LjEyNUwxNiA1LjVMMTAuMjI0IDUuMDI1TDggMEw1Ljc3NiA1LjAyNUwwIDUuNUw0LjM2OCA5LjEyNUwzLjA1NiAxNC43NUw4IDExLjczNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
}

.home-pricing__tab--active .home-pricing__tab-icon,
.home-pricing__tab[aria-selected=true] .home-pricing__tab-icon {
  background-color: #000000;
  opacity: 1;
}

.home-pricing__tab-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.home-pricing__tab-badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 2px 6px;
  border: 1px solid #c4c4c4;
  border-radius: var(--gh-radius-pill);
  color: #c4c4c4;
  font-size: 0.625rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.home-pricing__panels {
  display: grid;
  width: 100%;
}

.home-pricing__panel {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media (max-width: 767px) {
  .home-pricing__panel {
    gap: 20px;
  }
}

.home-pricing__panel.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .home-pricing__panel {
    transition: none;
  }
}
.home-pricing__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .home-pricing__content {
    gap: 20px;
  }
}

.home-pricing__featured {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 32px;
  border: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-lg);
  background: #ffffff;
}
@media (max-width: 767px) {
  .home-pricing__featured {
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: 0;
    border-radius: 16px;
  }
}

.home-pricing__featured-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: min(100%, 311px);
}
@media (max-width: 767px) {
  .home-pricing__featured-main {
    display: contents;
    width: 100%;
  }
}

.home-pricing__featured-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .home-pricing__featured-copy {
    order: 1;
    width: 100%;
  }
}

.home-pricing__badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary-soft);
  color: var(--gh-color-primary);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-pricing__badge {
    padding: 4px 10px;
    font-size: 0.625rem;
  }
}

.home-pricing__featured-title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-pricing__featured-title {
    font-size: 1.25rem;
  }
}

.home-pricing__featured-desc {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__featured-desc {
    font-size: 0.8125rem;
    line-height: 1.21875rem;
  }
}

.home-pricing__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: flex-start;
  height: 48px;
  padding: 12px 20px;
  border-radius: var(--gh-radius-pill);
  background: #f6f6f6;
  color: var(--gh-color-primary);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
@media (max-width: 767px) {
  .home-pricing__cta {
    order: 3;
    align-self: stretch;
    width: 100%;
    border-radius: 12px;
    font-size: 1rem;
  }
}

.home-pricing__cta:hover {
  background: #ebebeb;
  color: #1740b6;
}

.home-pricing__cta-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhcnJvd19mb3J3YXJkIj4KPG1hc2sgaWQ9Im1hc2swXzBfMzUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMF8zNSkiPgo8cGF0aCBpZD0iYXJyb3dfZm9yd2FyZF8yIiBkPSJNMTMuNDc5MSAxMC44MzM0SDMuMzMzMjhWOS4xNjY3OEgxMy40NzkxTDguODEyNDQgNC41MDAxMkw5Ljk5OTk0IDMuMzMzNDVMMTYuNjY2NiAxMC4wMDAxTDkuOTk5OTQgMTYuNjY2OEw4LjgxMjQ0IDE1LjUwMDFMMTMuNDc5MSAxMC44MzM0WiIgZmlsbD0iIzFENEVEOCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.home-pricing__plans {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 991px) {
  .home-pricing__plans {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .home-pricing__plans {
    order: 2;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
  }
}

.home-pricing__plan {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 220px;
  max-width: 100%;
  padding: 16px 20px;
  border-radius: var(--gh-radius-sm);
}
@media (max-width: 991px) {
  .home-pricing__plan {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-pricing__plan {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 16px;
    border-radius: 10px;
  }
}

.home-pricing__plan--regular {
  border: 1px solid #e5e7eb;
  background: #ffffff;
}

.home-pricing__plan--premium {
  border: 1px solid var(--gh-color-primary);
  background: #000000;
}

.home-pricing__plan-label {
  color: var(--gh-color-text-muted);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-pricing__plan-label {
    font-size: 0.625rem;
  }
}

.home-pricing__plan--premium .home-pricing__plan-label {
  color: #ffffff;
}

.home-pricing__plan-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 767px) {
  .home-pricing__plan-price {
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
  }
}

.home-pricing__plan-from {
  color: var(--gh-color-text-muted);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-pricing__plan-from {
    display: none;
  }
}

.home-pricing__plan--premium .home-pricing__plan-from {
  color: #ffffff;
}

.home-pricing__plan-unit {
  color: var(--gh-color-text-muted);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__plan-unit {
    display: none;
  }
}

.home-pricing__plan--premium .home-pricing__plan-unit {
  color: rgba(255, 255, 255, 0.8);
}

.home-pricing__plan-value {
  color: var(--gh-color-text-dark);
  font-size: 1.375rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-pricing__plan-value {
    font-size: 1.125rem;
  }
  .home-pricing__plan-value::before {
    content: "$";
  }
  .home-pricing__plan-value::after {
    content: " / 1,000";
    font-size: 0.75rem;
    font-weight: var(--fw-regular);
    color: var(--gh-color-text-muted);
  }
}

.home-pricing__plan--premium .home-pricing__plan-value {
  color: #ffffff;
}
@media (max-width: 767px) {
  .home-pricing__plan--premium .home-pricing__plan-value::after {
    color: rgba(255, 255, 255, 0.8);
  }
}

.home-pricing__plan-note {
  color: var(--gh-color-text-muted);
  font-size: 0.75rem;
  line-height: 1.05rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__plan-note {
    display: none;
  }
}

.home-pricing__plan--premium .home-pricing__plan-note {
  color: rgba(255, 255, 255, 0.8);
}

.home-pricing__secondary {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .home-pricing__secondary {
    gap: 20px;
  }
}

.home-pricing__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.home-pricing__divider::before,
.home-pricing__divider::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background: #e5e5e5;
}
@media (max-width: 767px) {
  .home-pricing__divider::before,
  .home-pricing__divider::after {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

.home-pricing__divider span {
  color: var(--gh-color-text-soft);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.home-pricing__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 767px) {
  .home-pricing__cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.home-pricing__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-md);
  background: #ffffff;
}
@media (max-width: 767px) {
  .home-pricing__card {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 0;
    padding: 20px;
    border: 0;
    border-radius: 12px;
  }
}

.home-pricing__card-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .home-pricing__card-icon {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: #f1f1f0;
  }
}

.home-pricing__card-icon--views {
  background-size: 20px 20px;
  background-image: var(--asset-pricing-icon-eye);
}

.home-pricing__card-icon--reactions {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJoZWFydCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjQ3Mjg0IDUuMzE5ODdDMS45NDczNSA2LjA4Mzk3IDEuNjY2MDIgNi45ODk1IDEuNjY2IDcuOTE2ODRDMS42NjYgOS44MzM1MiAyLjkxNjEgMTEuMjUwMiA0LjE2NjE5IDEyLjUwMDJMOC43NTY1NCAxNi45NDM2QzguOTE0MDggMTcuMTIgOS4xMDczNCAxNy4yNjA4IDkuMzIzNDkgMTcuMzU2N0M5LjUzOTY0IDE3LjQ1MjYgOS43NzM3NCAxNy41MDE1IDEwLjAxMDIgMTcuNUMxMC4yNDY3IDE3LjQ5ODUgMTAuNDgwMSAxNy40NDY3IDEwLjY5NTEgMTcuMzQ4QzEwLjkxIDE3LjI0OTQgMTEuMTAxNCAxNy4xMDYxIDExLjI1NjcgMTYuOTI3OEwxNS44MzM4IDEyLjUwMDJDMTcuMDgzOSAxMS4yNTAyIDE4LjMzMzkgOS44MjUxOSAxOC4zMzM5IDcuOTE2ODRDMTguMzM4NCA2Ljk4NzQ2IDE4LjA1OTYgNi4wNzg3OCAxNy41MzQ4IDUuMzExNzNDMTcuMDEgNC41NDQ2OCAxNi4yNjQgMy45NTU2NSAxNS4zOTYxIDMuNjIzMDNDMTQuNTI4MiAzLjI5MDQyIDEzLjU3OTYgMy4yMjk5OSAxMi42NzY1IDMuNDQ5OEMxMS43NzM1IDMuNjY5NiAxMC45NTg3IDQuMTU5MjIgMTAuMzQwOCA0Ljg1MzQ4QzEwLjI5NzIgNC45MDAxNSAxMC4yNDQ0IDQuOTM3MzcgMTAuMTg1OCA0Ljk2MjgxQzEwLjEyNzEgNC45ODgyNSAxMC4wNjM5IDUuMDAxMzggOS45OTk5NyA1LjAwMTM4QzkuOTM2MDYgNS4wMDEzOCA5Ljg3MjgyIDQuOTg4MjUgOS44MTQxOSA0Ljk2MjgxQzkuNzU1NTYgNC45NzM3NyA5LjcwMjc3IDQuOTAwMTUgOS42NTkxMSA0Ljg1MzQ4QzkuMDM5MjUgNC4xNjM3IDguMjI0NzMgMy42NzgxNyA3LjMyMzExIDMuNDYxQzYuNDIxNSAzLjI0MzgzIDUuNDc1MjEgMy4zMDUyNCA0LjYwOTIzIDMuNjM3MTNDMy43NDMyNiAzLjk2OTAyIDIuOTk4MzMgNC41NTU3NiAyLjQ3Mjg0IDUuMzE5ODdaIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
}

.home-pricing__card-icon--bot {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJib3QiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTAgNi42NjdWMy4zMzRINi42NjY0TTEuNjY2IDExLjY2NjVIMy4zMzI4TTE2LjY2NzIgMTEuNjY2NUgxOC4zMzRNMTIuNTAwMiAxMC44MzMyVjEyLjQ5OTdNNy40OTk4IDEwLjgzMzJWMTIuNDk5N000Ljk5OTYgNi42NjdIMTUuMDAwNEMxNS45MjA5IDYuNjY3IDE2LjY2NzIgNy40MTMxMiAxNi42NjcyIDguMzMzNVYxNC45OTk1QzE2LjY2NzIgMTUuOTE5OSAxNS42MDk0IDE2LjY2NiAxNS4wMDA0IDE2LjY2Nkg0Ljk5OTZDNC4wNzkwNSAxNi42NjYgMy4zMzI4IDE1LjkxOTkgMy4zMzI4IDE0Ljk5OTVWOC4zMzM1QzMuMzMyOCA3LjQxMzEyIDQuMDc5MDUgNi42NjcgNC45OTk2IDYuNjY3WiIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo= ");
}

.home-pricing__card-title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-pricing__card-title {
    font-size: 0.9375rem;
  }
}

.home-pricing__card-desc {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__card-desc {
    display: none;
  }
}

.home-pricing__card-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 767px) {
  .home-pricing__card-price {
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
  }
}

.home-pricing__card-from {
  color: var(--gh-color-text-soft);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-pricing__card-from {
    display: none;
  }
}

.home-pricing__card-value {
  color: var(--gh-color-primary);
  font-size: 1.25rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-pricing__card-value {
    font-size: 0.875rem;
  }
  .home-pricing__card-value::before {
    content: "$";
  }
  .home-pricing__card-value::after {
    content: " / 1k";
  }
}

.home-pricing__card-unit {
  color: var(--gh-color-text-muted);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-pricing__card-unit {
    display: none;
  }
}

.home-steps {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  margin-top: var(--gh-home-gap-md);
}
@media (max-width: 767px) {
  .home-steps {
    padding-right: 0;
    padding-left: 0;
  }
}

.home-steps__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 0 80px;
  border-radius: var(--gh-radius-xl);
  background: #ffffff;
}
@media (max-width: 1199px) {
  .home-steps__inner {
    padding: 0 24px;
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .home-steps__inner {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .home-steps__inner {
    width: 100%;
    max-width: none;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 0;
    gap: 48px;
  }
}

.home-steps__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: center;
}

.home-steps__heading span,
.home-steps__heading h2,
.home-steps__heading p {
  margin: 0;
}

.home-steps__heading span {
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.home-steps__heading h2 {
  color: var(--gh-color-text-dark);
  font-size: 2.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-steps__heading h2 {
    font-size: 1.75rem;
    line-height: 2.1rem;
  }
}

.home-steps__heading p {
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-steps__heading p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.home-steps__flow {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199px) {
  .home-steps__flow {
    gap: 8px;
  }
}
@media (max-width: 991px) {
  .home-steps__flow {
    gap: 0;
  }
}
@media (max-width: 767px) {
  .home-steps__flow {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}

.home-steps__step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .home-steps__step {
    padding-bottom: 4px;
  }
}

.home-steps__step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #111111;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-steps__step-title {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-steps__step-desc {
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.21875rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-steps__step-desc {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}

.home-steps__connector {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 40px;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 991px) {
  .home-steps__connector {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .home-steps__connector {
    display: flex;
    align-self: center;
    width: 100%;
    height: 36px;
    margin: 4px 0;
  }
}

.home-steps__connector::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  flex-shrink: 0;
  background: var(--asset-how-it-works-line) center/40px 2px no-repeat;
}
@media (max-width: 767px) {
  .home-steps__connector::after {
    width: 2px;
    height: 28px;
    background: none;
    border-left: 2px dashed #E5E7EB;
    transform: none;
  }
}

.home-wallet {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  width: 100%;
  padding: 40px 48px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .home-wallet {
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .home-wallet {
    padding: 24px 20px;
  }
}
@media (max-width: 767px) {
  .home-wallet {
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
  }
}

.home-wallet__art {
  width: 197px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .home-wallet__art {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .home-wallet__art {
    width: 71px;
  }
}

.home-wallet__art img {
  display: block;
  width: 100%;
  height: auto;
}

.home-wallet__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.home-wallet__copy span,
.home-wallet__copy h3,
.home-wallet__copy p {
  margin: 0;
}

.home-wallet__label {
  color: var(--gh-color-text-soft);
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-wallet__label {
    font-size: 0.75rem;
  }
}

.home-wallet__title {
  color: var(--gh-color-text-dark);
  font-size: 1.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-wallet__title {
    font-size: 1.375rem;
    line-height: 1.65rem;
  }
}

.home-wallet__desc {
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-wallet__desc {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #999;
  }
}

.home-wallet__note {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-wallet__note {
    display: none;
  }
}

.home-wallet__rows {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.home-wallet__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-md);
  background: #ffffff;
}

.home-wallet__row-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #f1f1f0;
  background-repeat: no-repeat;
  background-position: center;
}

.home-wallet__row-icon--wallet {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgMTAuNjY2N1YxMy4zMzMzQzE0IDEzLjUxMDEgMTMuOTI5OCAxMy42Nzk3IDEzLjgwNDcgMTMuODA0N0MxMy42Nzk3IDEzLjkyOTggMTMuNTEwMSAxNCAxMy4zMzMzIDE0SDMuMzMzMzNDMi45Nzk3MSAxNCAyLjY0MDU3IDEzLjg1OTUgMi4zOTA1MiAxMy42MDk1QzIuMTQwNDggMTMuMzU5NCAyIDEzLjAyMDMgMiAxMi42NjY3VjMuMzMzMzNDMiAyLjk3OTcxIDIuMTQwNDggMi42NDA1NyAyLjM5MDUyIDIuMzkwNTJDMi42NDA1NyAyLjE0MDQ4IDIuOTc5NzEgMiAzLjMzMzMzIDJIMTJDMTIuMTc2OCAyIDEyLjM0NjQgMi4wNzAyNCAxMi40NzE0IDIuMTk1MjZDMTIuNTk2NCAyLjMyMDI5IDEyLjY2NjcgMi40ODk4NiAxMi42NjY3IDIuNjY2NjdWNC42NjY2N00yIDMuMzMzMzNDMiAzLjY4Njk2IDIuMTQwNDggNC4wMjYwOSAyLjM5MDUyIDQuMjc2MTRDMi42NDA1NyA0LjUyNjE5IDIuOTc5NzEgNC42NjY2NyAzLjMzMzMzIDQuNjY2NjdIMTMuMzMzM0MxMy41MTAxIDQuNjY2NjcgMTMuNjc5NyA0LjczNjkgMTMuODA0NyA0Ljg2MTkzQzEzLjkyOTggNC45ODY5NSAxNCA1LjE1NjUyIDE0IDUuMzMzMzNWOE0xNCA4SDEyQzExLjY0NjQgOCAxMS4zMDcyIDguMTQwNDggMTEuMDU3MiA4LjM5MDUyQzEwLjgwNzEgOC42NDA1NyAxMC42NjY3IDguOTc5NzEgMTAuNjY2NyA5LjMzMzMzQzEwLjY2NjcgOS42ODY5NiAxMC44MDcxIDEwLjAyNjEgMTEuMDU3MiAxMC4yNzYxQzExLjMwNzIgMTAuNTI2MiAxMS42NDY0IDEwLjY2NjcgMTIgMTAuNjY2N0gxNE0xNCA4QzE0LjE3NjggOCAxNC4zNDY0IDguMDcwMjQgMTQuNDcxNCA4LjE5NTI2QzE0LjU5NjQgOC4zMjAyOSAxNC42NjY3IDguNDg5ODYgMTQuNjY2NyA4LjY2NjY3VjEwQzE0LjY2NjcgMTAuMTc2OCAxNC41OTY0IDEwLjM0NjQgMTQuNDcxNCAxMC40NzE0QzE0LjM0NjQgMTAuNTk2NCAxNC4xNzY4IDEwLjY2NjcgMTQgMTAuNjY2NyIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
}

.home-wallet__row-icon--paypal {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyLjkyMDkiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMi45 MjA5IDE0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik02LjkyMjA5IDFIMy40MzI0NkMyLjc2MDA0IDEgMi4xOTI4NCAxLjUwMDcxIDIuMTA5NDMgMi4xNjc5NUwxLjAwNDc4IDExLjAwNTFDMC45NjA4NzIgMTEuMzU2NCAxLjIzNDc2IDExLjY2NjcgMS41ODg3NiAxMS42NjY3SDIuNDU5MjZD My4xMTEwNCAxMS42NjY3IDMuNjY3MjkgMTEuMTk1NSAzLjc3NDQ0IDEwLjU1MjVMNC4xNDU4MiA4LjMyNDI3QzQuMjA5MDcgNy45NDQ4IDQuNTM3MzggNy42NjY2NyA0LjkyMjA5IDcuNjY2NjdINi45MjIwOUMx MC45MjIxIDcuNjY2NjcgMTAuOTIyMSAxIDYuOTIyMDkgMVoiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMy4xMzc1NCAxMS40OTE5TDMuMDE2MzcgMTIuMzQwMUMyLjk2NjYxIDEyLjY4ODQgMy4yMzY5IDEzIDMuNTg4NzYgMTNINC41NDc3MkM1LjE1OTU2IDEzIDUuNjkyODMgMTIuNTgzNiA1Ljg0MTIzIDExLjk5MDFM Ni4wOTM3NiAxMC45ODAxQzYuMTg4NzYgMTAuNiA2LjUzMDI5IDEwLjMzMzMgNi45MjIwOSAxMC4zMzMzSDguOTIyMDlDMTIuNTE3NCAxMC4zMzMzIDEyLjg4MTIgNC45NDczNSAxMC4wMTMzIDMuODU3NTkiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
}

.home-wallet__row-icon--crypto {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy44NDQ3MyAxMi43MjY2QzExLjEyNyAxMy4zMDUzIDExLjkzNzYgOC43MDk4OCA4LjY1NTMgOC4xMzA1NE03Ljg0NDczIDEyLjcyNjZMMy45MDcyIDEyLjAzMk03Ljg0NDczIDEyLjcyNjZMNy42MTQwOSAxNC4wNE02LjAyOTYxIDcuNjY3ODZMOC42NTU5NyA4LjEzMDU0QzExLjkzODIgOC43MDk4OCAxMi43NDg4IDQuMTEzNzggOS40NjU4NyAzLjUzNTExTDUuNTI3MDEgMi44NDA0Mk05LjQ2NTIgMy41MzUxMUw5LjY5NzE3IDIuMjIxNzRNNC45ODcwNyAxMy41NzY3TDcuMDcwODIgMS43NTg0IiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
}

.home-wallet__row-icon--secure {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJzaGllbGQtY2hlY2siPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNi4wMDAyIDcuOTk5NjhMNy4zMzM0IDkuMzMzMDZMOS45OTk4IDYuNjY2MzFNMTMuMzMyOCA4LjY2NjY3QzEzLjMzMjggMTIuMDAwMSAxMC45OTk3IDEzLjY2NjggOC4yMjY2NCAxNC42MzM1QzguMDgxNDMgMTQuNjgyNyA3LjkyMzcgMTQuNjgwNCA3Ljc4MDAyIDE0LjYyNjlDNS4wMDAzIDEzLjY2NjggMi42NjcyIDEyLjAwMDEgMi42NjcyIDguNjY2NjdWMy45OTk4NUMyLjY2NzIgMy44MjMwNCAyLjczNzQzIDMuNjUzNDYgMi44NjI0NCAzLjUyODQzQzIuOTg3NDUgMy40MDM0IDMuMTU3MDEgMy4zMzMxNiAzLjMzMzggMy4zMzMxNkM0LjY2NyAzLjMzMzE2IDYuMzMzNSAyLjUzMzE0IDcuNDkzMzggMS41MTk3M0M3LjYzNDYxIDEuMzk5MSA3LjgxNDI1IDEuMzMyOCA4IDEuMzMyOEM4LjE4NTc1IDEuMzMyOCA4LjM2NTM5IDEuMzk5MSA4LjUwNjYyIDEuNTE5NzdDOS42NzMxNyAyLjUzOTgxIDExLjMzMyAzLjMzMzE2IDEyLjY2NjIgMy4zMzMxNkMxMi44NDMgMy4zMzMxNiAxMy4wMTI1IDMuNDAzNCAxMy4xMzc2IDMuNTI4NDNDMTMuMjYyNiAzLjY1MzQ2IDEzLjMzMjggMy44MjMwNCAxMy4zMzI4IDMuOTk5ODVWOC42NjY2N1oiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
}

.home-wallet__row-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.home-wallet__row-copy strong {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-wallet__row-copy span {
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.1375rem;
  font-weight: var(--fw-regular);
}

.home-api {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  margin-top: var(--gh-home-gap-md);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .home-api {
    margin-top: 40px;
    padding-right: 0;
    padding-left: 0;
  }
}

.home-api__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  padding: 80px;
  border: 0;
  border-top: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-xl);
  background: #f7f8fa;
}
@media (max-width: 1199px) {
  .home-api__inner {
    padding: 56px 24px;
  }
}
@media (max-width: 767px) {
  .home-api__inner {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    gap: 24px;
    padding: 40px 20px;
    border-top: 0;
    border-radius: 24px;
  }
}

.home-api__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  width: auto;
  max-width: 750px;
  min-width: 0;
}
@media (max-width: 767px) {
  .home-api__copy {
    flex: 1 1 auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: none;
    text-align: center;
  }
}

.home-api__copy span,
.home-api__copy h2,
.home-api__copy p {
  margin: 0;
}

.home-api__label {
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-api__label {
    font-size: 0.6875rem;
  }
}

.home-api__title {
  color: var(--gh-color-text-dark);
  font-size: 2.25rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-api__title {
    font-size: 1.75rem;
    line-height: 2.1rem;
  }
}

.home-api__desc {
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-api__desc {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

@media (max-width: 767px) {
  .home-api__copy-desktop {
    display: none;
  }
}

.home-api__copy-mobile {
  display: none;
}
@media (max-width: 767px) {
  .home-api__copy-mobile {
    display: block;
  }
}

.home-api__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .home-api__list {
    display: none;
  }
}

.home-api__list li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-api__check {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGVjayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy4zMzI4IDRMNi4wMDAyIDExLjMzMjhMMi42NjcyIDcuOTk5NzEiIHN0cm9rZT0iIzExMTExMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center/contain no-repeat;
}

.home-api__list strong {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-api__actions {
  display: flex;
  flex: 0 1 370px;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
  min-width: 0;
  max-width: 370px;
  padding: 0 50px;
}
@media (max-width: 1199px) {
  .home-api__actions {
    padding: 0 24px;
  }
}
@media (max-width: 991px) {
  .home-api__actions {
    flex: 0 1 296px;
    max-width: 296px;
  }
}
@media (max-width: 767px) {
  .home-api__actions {
    flex: 1 1 auto;
    gap: 16px;
    width: 100%;
    max-width: none;
    padding: 0;
  }
}

.home-api__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 270px;
  height: 52px;
  padding: 16px 24px;
  border-radius: var(--gh-radius-pill);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .home-api__button {
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .home-api__button {
    min-width: 0;
    font-size: 0.9375rem;
  }
}

.home-api__button--primary {
  background: var(--gh-color-primary);
  color: #ffffff;
}

.home-api__button--primary:hover {
  background: #1740b6;
  color: #ffffff;
}

.home-api__button--outline {
  padding-top: 14px;
  padding-bottom: 14px;
  border: 1px solid var(--gh-color-text-dark);
  color: var(--gh-color-text-dark);
  background: transparent;
}
@media (max-width: 767px) {
  .home-api__button--outline {
    font-size: 0.875rem;
  }
}

.home-api__button--outline:hover {
  background: rgba(17, 17, 17, 0.05);
  color: var(--gh-color-text-dark);
}

.home-api__actions-note {
  margin: 0;
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  text-align: center;
}
@media (max-width: 767px) {
  .home-api__actions-note {
    display: none;
  }
}

.home-contact {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  margin-top: var(--gh-home-gap-md);
  margin-bottom: var(--gh-home-gap-md);
}
@media (max-width: 767px) {
  .home-contact {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.home-contact__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 0 80px;
  border-radius: var(--gh-radius-xl);
  background: #ffffff;
}
@media (max-width: 1199px) {
  .home-contact__inner {
    padding: 0 24px;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .home-contact__inner {
    padding: 0;
  }
}

.home-contact__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .home-contact__heading {
    gap: 12px;
  }
}

.home-contact__heading span,
.home-contact__heading h2,
.home-contact__heading p {
  margin: 0;
}

.home-contact__heading span {
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-contact__heading span {
    font-size: 0.6875rem;
  }
}

.home-contact__heading h2 {
  color: var(--gh-color-text-dark);
  font-size: 2.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .home-contact__heading h2 {
    font-size: 1.75rem;
    line-height: 2.1rem;
  }
}

.home-contact__heading p {
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .home-contact__heading p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.home-contact__grid {
  display: flex;
  gap: 24px;
  align-items: stretch;
  width: 100%;
}
@media (max-width: 991px) {
  .home-contact__grid {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .home-contact__grid {
    flex-direction: column;
    gap: 24px;
  }
}

.home-contact__featured {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 454px;
  flex-shrink: 0;
  padding: 24px;
  border: 1px solid var(--gh-color-primary);
  border-radius: var(--gh-radius-md);
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 1199px) {
  .home-contact__featured {
    width: 360px;
  }
}
@media (max-width: 991px) {
  .home-contact__featured {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-contact__featured {
    width: 100%;
  }
}

a.home-contact__featured:hover {
  border-color: #1740b6;
  box-shadow: 0 8px 24px rgba(29, 78, 216, 0.12);
}

.home-contact__badge {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid #bfdbfe;
  border-radius: var(--gh-radius-pill);
  background: #dbeafe;
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-contact__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 20px;
  background: #eff6ff;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
}

.home-contact__icon--chat {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41NzA4MSAxNC41OTA4QzIuNjQyMyAxNC4yNjYxIDIuNjE1MDIgMTMuOTI3NCAyLjQ5MjQ3IDEzLjYxODNDMS42Mzk3MSAxMS44NDg5IDEuNDM5MjcgOS44MzUyOCAxLjkyNjUxIDcuOTMyNTZDMi40MTM3NCA2LjAyOTg1IDMuNTU3MzUgNC4zNjAzNSA1LjE1NTU1IDMuMjE4NjRDNi43NTM3NiAyLjA3NjkzIDguNzAzODUgMS41MzYzNiAxMC42NjE4IDEuNjkyMzNDMTIuNjE5NyAxLjg0ODI5IDE0LjQ1OTYgMi42OTA3NSAxNS44NTY5IDQuMDcxMDhDMTcuMjU0MiA1LjQ1MTQxIDE4LjExOTEgNy4yODA4OSAxOC4yOTkgOS4yMzY3NUMxOC40Nzg4IDExLjE5MjYgMTcuOTYyMSAxMy4xNDkxIDE2Ljg0IDE0Ljc2MTJDMTUuNzE3OSAxNi4zNzMyIDE0LjA2MjUgMTcuNTM3MSAxMi4xNjU5IDE4LjA0NzVDMTAuMjY5MiAxOC41NTggOC4yNTMyNSAxOC4zODIxIDYuNDczNjIgMTcuNTUxMUM2LjE4MTU0IDE3LjQ0MDIgNS44NjQxNyAxNy40MTM2IDUuNTU3NzIgMTcuNDc0NEwyLjcxMzMzIDE4LjMwNjFDMi41NzYxMiAxOC4zNDI1IDIuNDMxODggMTguMzQzMyAyLjI5NDI5IDE4LjMwODNDMi4xNTY3MSAxOC4yNzM0IDIuMDMwMzMgMTguMjAzOCAxLjkyNzE1IDE4LjEwNjNDMS44MjM5NyAxOC4wMDg4IDEuNzQ3NDEgMTcuODg2NiAxLjcwNDczIDE3Ljc1MTJDMS42NjIwNCAxNy42MTU4IDEuNjU0NjUgMTcuNDcxOCAxLjY4MzI0IDE3LjMzMjdMMi41NzA4MSAxNC41OTA4WiIgc3Ryb2tlPSIjMUQ0RUQ4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
}

.home-contact__icon--telegram {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGcmFtZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjQwMyA5LjE4MDQzQzIuNDAzIDkuMTgwNDMgOS4yMjE1NCA2LjM5MDY0IDExLjU4NjMgNS40MDgzNUMxMi40OTI4IDUuMDE1NDMgMTUuNTY3MSAzLjc1ODA0IDE1LjU2NzEgMy43NTgwNEMxNS41NjcxIDMuNzU4MDQgMTYuOTg1OSAzLjIwODA0IDE2Ljg2NzcgNC41NDM4N0MxNi44MjgyIDUuMDkzOTggMTYuNTEyOSA3LjAxOTI5IDE2LjE5NzYgOS4xMDE3OUMxNS43MjQ3IDEyLjA0ODggMTUuMjEyMyAxNS4yNzA2IDE1LjIxMjMgMTUuMjcwNkMxNS4yMTIzIDE1LjI3MDYgMTUuMTMzNSAxNi4xNzQ0IDE0LjQ2MzUgMTYuMzMxNkMxMy43OTM0IDE2LjQ4ODggMTIuNjg5OSAxNS43ODE1IDEyLjQ5MjggMTUuNjI0M0MxMi4zMzUyIDE1LjUwNjQgOS41MzY4NSAxMy43MzgyIDguNTEyMTYgMTIuODczOUM4LjIzNjIzIDEyLjYzODE3IDcuOTIwOTEgMTIuMTY2NiA4LjU1MTU0IDExLjYxNjVDOS45NzAzOSAxMC4zMTk5IDExLjY2NTIgOC43MDg4NyAxMi42ODk5IDcuNjg3M0MxMy4xNjI4IDcuMjE1NzUgMTMuNjM1OCA2LjExNTU0IDExLjY2NTIgNy40NTE0OEM4Ljg2Njg1IDkuMzc2NzkgNi4xMDc4OSAxMS4xODQzIDYuMTA3ODkgMTEuMTg0M0M2LjEwNzg5IDExLjE4NDMgNS40NzczNyAxMS41NzcyIDQuMjk0OTggMTEuMjIzNkMzLjExMjU4IDEwLjg2OTkgMS43MzMxIDEwLjM5ODUgMS43MzMxIDEwLjM5ODVDMS43MzMxIDEwLjM5ODUgMC43ODcyNyA5LjgwODk4IDIuNDAzMjEgOS4xODA0M0gyLjQwM1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+CjwvZz4KPC9zdmc+Cg==");
  background-color: #f1f1f0;
}

.home-contact__icon--mail {
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMzM0IDUuODMzNzVMMTAuODQwOSAxMC42MDU4QzEwLjU4NjYgMTAuNzUzNCAxMC4yOTc4IDEwLjgzMTIgMTAuMDAzOCAxMC44MzEyQzkuNzA5NyAxMC44MzEyIDkuNDIwODcgMTAuNzUzNCA5LjE2NjYgMTAuNjA1OEwxLjY2NiA1LjgzMzc1TTMuMzMyOCAzLjMzNEgxNi42NjcyQzE3LjU4NzcgMy4zMzQgMTguMzM0IDQuMDgwMTIgMTguMzM0IDUuMDAwNVYxNC45OTk1QzE4LjMzNCAxNS45MTk5IDE3LjU4NzcgMTYuNjY2IDE2LjY2NzIgMTYuNjY2SDMuMzMyOEMyLjQxMjI1IDE2LjY2NiAxLjY2NiAxNS45MTk5IDEuNjY2IDE0Ljk5OTVWNS4wMDA1QzEuNjY2IDQuMDgwMTIgMi40MTIyNSAzLjMzNCAzLjMzMjggMy4zMzRaIiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
  background-color: #f1f1f0;
}

.home-contact__card-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.home-contact__card-copy strong {
  color: var(--gh-color-text-dark);
  font-size: 0.9375rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.home-contact__card-copy span {
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}

.home-contact__card-copy small {
  color: var(--gh-color-text-soft);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}

.home-contact__stack {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.home-contact__row {
  display: flex;
  gap: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .home-contact__row {
    flex-direction: column;
    gap: 24px;
  }
}

.home-contact__card {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 24px;
  border: 1px solid #e5e5e5;
  border-radius: var(--gh-radius-md);
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 767px) {
  .home-contact__card {
    border-radius: 12px;
  }
}

a.home-contact__card:hover {
  border-color: var(--gh-color-primary);
  box-shadow: none;
}

a.home-contact__card:hover .home-contact__icon {
  background-color: #eff6ff;
}

a.home-contact__card:hover .home-contact__icon--telegram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkZyYW1lIj48cGF0aCBpZD0iVmVjdG9yIiBkPSJNMi40MDMgOS4xODA0M0MyLjQwMyA5LjE4MDQzIDkuMjIxNTQgNi4zOTA2NCAxMS41ODYzIDUuNDA4MzVDMTIuNDkyOCA1LjAxNTQzIDE1LjU2NzEgMy43NTgwNCAxNS41NjcxIDMuNzU4MDRDMTUuNTY3MSAzLjc1ODA0IDE2Ljk4NTkgMy4yMDgwNCAxNi44Njc3IDQuNTQzODdDMTYuODI4MiA1LjA5Mzk4IDE2LjUxMjkgNy4wMTkyOSAxNi4xOTc2IDkuMTAxNzlDMTUuNzI0NyAxMi4wNDg4IDE1LjIxMjMgMTUuMjcwNiAxNS4yMTIzIDE1LjI3MDZDMTUuMjEyMyAxNS4yNzA2IDE1LjEzMzUgMTYuMTc0NCAxNC40NjM1IDE2LjMzMTZDMTMuNzkzNCAxNi40ODg4IDEyLjY4OTkgMTUuNzgxNSAxMi40OTI4IDE1LjYyNDNDMTIuMzM1MiAxNS41MDY0IDkuNTM2ODUgMTMuNzM4MiA4LjUxMjE2IDEyLjg3MzlDOC4yMzYyMyAxMi42MzgxNyA3LjkyMDkxIDEyLjE2NjYgOC41NTE1NCAxMS42MTY1QzkuOTcwMzkgMTAuMzE5OSAxMS42NjUyIDguNzA4ODcgMTIuNjg5OSA3LjY4NzNDMTMuMTYyOCA3LjIxNTc1IDEzLjYzNTggNi4xMTU1NCAxMS42NjUyIDcuNDUxNDhDOC44NjY4NSA5LjM3Njc5IDYuMTA3ODkgMTEuMTg0MyA2LjEwNzg5IDExLjE4NDNDNi4xMDc4OSAxMS4xODQzIDUuNDc3MzcgMTEuNTc3MiA0LjI5NDk4IDExLjIyMzZDMy4xMTI1OCAxMC44Njk5IDEuNzMzMSAxMC4zOTg1IDEuNzMzMSAxMC4zOTg1QzEuNzMzMSAxMC4zOTg1IDAuNzg3MjcgOS44MDg5OCAyLjQwMzIxIDkuMTgwNDNIMi40MDNaIiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9nPjwvc3ZnPg==");
}

a.home-contact__card:hover .home-contact__icon--mail {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMzM0IDUuODMzNzVMMTAuODQwOSAxMC42MDU4QzEwLjU4NjYgMTAuNzUzNCAxMC4yOTc4IDEwLjgzMTIgMTAuMDAzOCAxMC44MzEyQzkuNzA5NyAxMC44MzEyIDkuNDIwODcgMTAuNzUzNCA5LjE2NjYgMTAuNjA1OEwxLjY2NiA1LjgzMzc1TTMuMzMyOCAzLjMzNEgxNi42NjcyQzE3LjU4NzcgMy4zMzQgMTguMzM0IDQuMDgwMTIgMTguMzM0IDUuMDAwNVYxNC45OTk1QzE4LjMzNCAxNS45MTk5IDE3LjU4NzcgMTYuNjY2IDE2LjY2NzIgMTYuNjY2SDMuMzMyOEMyLjQxMjI1IDE2LjY2NiAxLjY2NiAxNS45MTk5IDEuNjY2IDE0Ljk5OTVWNS4wMDA1QzEuNjY2IDQuMDgwMTIgMi40MTIyNSAzLjMzNCAzLjMzMjggMy4zMzRaIiBzdHJva2U9IiMxRDRFRDgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
}

[data-bs-theme=dark] .guest-body--home,
[data-bs-theme=dark] .guest-body--home.guest-body--light {
  background: var(--gh-color-bg-soft);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .home-services-overview__inner {
  background: var(--gh-color-surface) !important;
  border: 1px solid var(--gh-color-border-footer);
}
[data-bs-theme=dark] .home-services-overview__card {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-bg-muted);
}
@media (max-width: 767px) {
  [data-bs-theme=dark] .home-services-overview__card {
    background: var(--gh-color-bg-muted);
    border-color: var(--gh-color-border-footer);
  }
}
[data-bs-theme=dark] .home-services-overview__icon {
  background-color: var(--gh-color-bg-soft);
  border-color: var(--gh-color-primary);
}
[data-bs-theme=dark] .home-steps__inner {
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] .home-steps__step-index {
  background: var(--gh-color-primary);
  color: #f8fafc;
}
@media (max-width: 767px) {
  [data-bs-theme=dark] .home-steps__connector::after {
    border-left-color: var(--gh-color-border-footer);
  }
}
[data-bs-theme=dark] .home-wallet {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] .home-wallet__row {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-bg-muted);
}
[data-bs-theme=dark] .home-wallet__row-icon {
  background-color: rgba(255, 255, 255, 0.06) !important;
  filter: brightness(0) invert(1);
  opacity: 0.88;
}
[data-bs-theme=dark] .home-pricing__shell {
  background: #030712;
  border: 1px solid var(--gh-color-border-footer);
}
[data-bs-theme=dark] .home-pricing__featured,
[data-bs-theme=dark] .home-pricing__card,
[data-bs-theme=dark] .home-pricing__plan--regular {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] .home-pricing__plan--premium {
  border-color: var(--gh-color-primary);
  background: #030712;
}
[data-bs-theme=dark] .home-pricing__cta {
  background: var(--gh-color-bg-muted);
  color: #60a5fa;
}
[data-bs-theme=dark] .home-pricing__cta:hover {
  background: rgba(59, 130, 246, 0.18);
  color: #93c5fd;
}
[data-bs-theme=dark] .home-pricing__divider::before,
[data-bs-theme=dark] .home-pricing__divider::after {
  background: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .home-pricing__card-icon {
  filter: none;
  background-color: transparent;
}
@media (max-width: 767px) {
  [data-bs-theme=dark] .home-pricing__card-icon {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
[data-bs-theme=dark] .home-pricing__card-icon--views {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDEwQzIuNSAxMCA1IDQuMzc1IDEwIDQuMzc1QzE1IDQuMzc1IDE3LjUgMTAgMTcuNSAxMEMxNy41IDEwIDE1IDE1LjYyNSAxMCAxNS42MjVDNSAxNS42MjUgMi41IDEwIDIuNSAxMFoiIHN0cm9rZT0iI0Y4RkFGQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjIuNSIgc3Ryb2tlPSIjRjhGQUZDIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==");
}
[data-bs-theme=dark] .home-pricing__card-icon--reactions {
  filter: none;
  opacity: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40NzI4NCA1LjMxOTg3QzEuOTQ3MzUgNi4wODM5NyAxLjY2NjAyIDYuOTg5NSAxLjY2NiA3LjkxNjg0QzEuNjY2IDkuODMzNTIgMi45MTYxIDExLjI1MDIgNC4xNjYxOSAxMi41MDAyTDguNzU2NTQgMTYuOTQzNkM4LjkxNDA4IDE3LjEyIDkuMTA3MzQgMTcuMjYwOCA5LjMyMzQ5IDE3LjM1NjdDOS41Mzk2NCAxNy40NTI2IDkuNzczNzQgMTcuNTAxNSAxMC4wMTAyIDE3LjVDMTAuMjQ2NyAxNy40OTg1IDEwLjQ4MDEgMTcuNDQ2NyAxMC42OTUxIDE3LjM0OEMxMC45MSAxNy4yNDk0IDExLjEwMTQgMTcuMTA2MSAxMS4yNTY3IDE2LjkyNzhMMTUuODMzOCAxMi41MDAyQzE3LjA4MzkgMTEuMjUwMiAxOC4zMzM5IDkuODI1MTkgMTguMzMzOSA3LjkxNjg0QzE4LjMzODQgNi45ODc0NiAxOC4wNTk2IDYuMDc4NzggMTcuNTM0OCA1LjMxMTczQzE3LjAxIDQuNTQ0NjggMTYuMjY0IDMuOTU1NjUgMTUuMzk2MSAzLjYyMzAzQzE0LjUyODIgMy4yOTA0MiAxMy41Nzk2IDMuMjI5OTkgMTIuNjc2NSAzLjQ0OThDMTEuNzczNSAzLjY2OTYgMTAuOTU4NyA0LjE1OTIyIDEwLjM0MDggNC44NTM0OEMxMC4yOTcyIDQuOTAwMTUgMTAuMjQ0NCA0LjkzNzM3IDEwLjE4NTggNC45NjI4MUMxMC4xMjcxIDQuOTg4MjUgMTAuMDYzOSA1LjAwMTM4IDkuOTk5OTcgNS4wMDEzOEM5LjkzNjA2IDUuMDAxMzggOS44NzI4MiA0Ljk4ODI1IDkuODE0MTkgNC45NjI4MUM5Ljc1NTU2IDQuOTczNzcgOS43MDI3NyA0LjkwMDE1IDkuNjU5MTEgNC44NTM0OEM5LjAzOTI1IDQuMTYzNyA4LjIyNDczIDMuNjc4MTcgNy4zMjMxMSAzLjQ2MUM2LjQyMTUgMy4yNDM4MyA1LjQ3NTIxIDMuMzA1MjQgNC42MDkyMyAzLjYzNzEzQzMuNzQzMjYgMy45NjkwMiAyLjk5ODMzIDQuNTU1NzYgMi40NzI4NCA1LjMxOTg3WiIgc3Ryb2tlPSIjRjhGQUZDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
}
[data-bs-theme=dark] .home-pricing__card-icon--bot {
  filter: none;
  opacity: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNi42NjdWMy4zMzRINi42NjY0TTEuNjY2IDExLjY2NjVIMy4zMzI4TTE2LjY2NzIgMTEuNjY2NUgxOC4zMzRNMTIuNTAwMiAxMC44MzMyVjEyLjQ5OTdNNy40OTk4IDEwLjgzMzJWMTIuNDk5N000Ljk5OTYgNi42NjdIMTUuMDAwNEMxNS45MjA5IDYuNjY3IDE2LjY2NzIgNy40MTMxMiAxNi42NjcyIDguMzMzNVYxNC45OTk1QzE2LjY2NzIgMTUuOTE5OSAxNS42MDk0IDE2LjY2NiAxNS4wMDA0IDE2LjY2Nkg0Ljk5OTZDNC4wNzkwNSAxNi42NjYgMy4zMzI4IDE1LjkxOTkgMy4zMzI4IDE0Ljk5OTVWOC4zMzM1QzMuMzMyOCA3LjQxMzEyIDQuMDc5MDUgNi42NjcgNC45OTk2IDYuNjY3WiIgc3Ryb2tlPSIjRjhGQUZDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
}
[data-bs-theme=dark] .home-pricing__tab--active,
[data-bs-theme=dark] .home-pricing__tab[aria-selected=true] {
  background-color: #f8fafc;
  color: #0f172a;
}
[data-bs-theme=dark] .home-api__inner {
  border-top-color: var(--gh-color-border-footer);
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] .home-api__check {
  filter: brightness(0) invert(1);
  opacity: 0.85;
}
[data-bs-theme=dark] .home-api__button--primary:hover {
  background: #2563eb;
}
[data-bs-theme=dark] .home-api__button--outline {
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .home-api__button--outline:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .home-contact__inner {
  background: transparent;
}
[data-bs-theme=dark] .home-contact__featured,
[data-bs-theme=dark] .home-contact__card {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] a.home-contact__featured:hover,
[data-bs-theme=dark] a.home-contact__card:hover {
  border-color: var(--gh-color-primary);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}
[data-bs-theme=dark] .home-contact__badge {
  border-color: rgba(59, 130, 246, 0.35);
  background: rgba(59, 130, 246, 0.12);
  color: #60a5fa;
}
[data-bs-theme=dark] .home-contact__icon,
[data-bs-theme=dark] .home-contact__icon--chat,
[data-bs-theme=dark] .home-contact__icon--telegram,
[data-bs-theme=dark] .home-contact__icon--mail {
  filter: none;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.06);
}
[data-bs-theme=dark] .home-contact__icon--chat {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41NzA4MSAxNC41OTA4QzIuNjQyMyAxNC4yNjYxIDIuNjE1MDIgMTMuOTI3NCAyLjQ5MjQ3IDEzLjYxODNDMS42Mzk3MSAxMS44NDg5IDEuNDM5MjcgOS44MzUyOCAxLjkyNjUxIDcuOTMyNTZDMi40MTM3NCA2LjAyOTg1IDMuNTU3MzUgNC4zNjAzNSA1LjE1NTU1IDMuMjE4NjRDNi43NTM3NiAyLjA3NjkzIDguNzAzODUgMS41MzYzNiAxMC42NjE4IDEuNjkyMzNDMTIuNjE5NyAxLjg0ODI5IDE0LjQ1OTYgMi42OTA3NSAxNS44NTY5IDQuMDcxMDhDMTcuMjU0MiA1LjQ1MTQxIDE4LjExOTEgNy4yODA4OSAxOC4yOTkgOS4yMzY3NUMxOC40Nzg4IDExLjE5MjYgMTcuOTYyMSAxMy4xNDkxIDE2Ljg0IDE0Ljc2MTJDMTUuNzE3OSAxNi4zNzMyIDE0LjA2MjUgMTcuNTM3MSAxMi4xNjU5IDE4LjA0NzVDMTAuMjY5MiAxOC41NTggOC4yNTMyNSAxOC4zODIxIDYuNDczNjIgMTcuNTUxMUM2LjE4MTU0IDE3LjQ0MDIgNS44NjQxNyAxNy40MTM2IDUuNTU3NzIgMTcuNDc0NEwyLjcxMzMzIDE4LjMwNjFDMi41NzYxMiAxOC4zNDI1IDIuNDMxODggMTguMzQzMyAyLjI5NDI5IDE4LjMwODNDMi4xNTY3MSAxOC4yNzM0IDIuMDMwMzMgMTguMjAzOCAxLjkyNzE1IDE4LjEwNjNDMS44MjM5NyAxOC4wMDg4IDEuNzQ3NDEgMTcuODg2NiAxLjcwNDczIDE3Ljc1MTJDMS42NjIwNCAxNy42MTU4IDEuNjU0NjUgMTcuNDcxOCAxLjY4MzI0IDE3LjMzMjdMMi41NzA4MSAxNC41OTA4WiIgc3Ryb2tlPSIjRjhGQUZDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
}
[data-bs-theme=dark] .home-contact__icon--telegram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40MDMgOS4xODA0M0MyLjQwMyA5LjE4MDQzIDkuMjIxNTQgNi4zOTA2NCAxMS41ODYzIDUuNDA4MzVDMTIuNDkyOCA1LjAxNTQzIDE1LjU2NzEgMy43NTgwNCAxNS41NjcxIDMuNzU4MDRDMTUuNTY3MSAzLjc1ODA0IDE2Ljk4NTkgMy4yMDgwNCAxNi44Njc3IDQuNTQzODdDMTYuODI4MiA1LjA5Mzk4IDE2LjUxMjkgNy4wMTkyOSAxNi4xOTc2IDkuMTAxNzlDMTUuNzI0NyAxMi4wNDg4IDE1LjIxMjMgMTUuMjcwNiAxNS4yMTIzIDE1LjI3MDZDMTUuMjEyMyAxNS4yNzA2IDE1LjEzMzUgMTYuMTc0NCAxNC40NjM1IDE2LjMzMTZDMTMuNzkzNCAxNi40ODg4IDEyLjY4OTkgMTUuNzgxNSAxMi40OTI4IDE1LjYyNDNDMTIuMzM1MiAxNS41MDY0IDkuNTM2ODUgMTMuNzM4MiA4LjUxMjE2IDEyLjg3MzlDOC4yMzYyMyAxMi42MzgxNyA3LjkyMDkxIDEyLjE2NjYgOC41NTE1NCAxMS42MTY1QzkuOTcwMzkgMTAuMzE5OSAxMS42NjUyIDguNzA4ODcgMTIuNjg5OSA3LjY4NzNDMTMuMTYyOCA3LjIxNTc1IDEzLjYzNTggNi4xMTU1NCAxMS42NjUyIDcuNDUxNDhDOC44NjY4NSA5LjM3Njc5IDYuMTA3ODkgMTEuMTg0MyA2LjEwNzg5IDExLjE4NDNDNi4xMDc4OSAxMS4xODQzIDUuNDc3MzcgMTEuNTc3MiA0LjI5NDk4IDExLjIyMzZDMy4xMTI1OCAxMC44Njk5IDEuNzMzMSAxMC4zOTg1IDEuNzMzMSAxMC4zOTg1QzEuNzMzMSAxMC4zOTg1IDAuNzg3MjcgOS44MDg5OCAyLjQwMzIxIDkuMTgwNDNIMi40MDNaIiBzdHJva2U9IiNGOEZBRkMiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+");
}
[data-bs-theme=dark] .home-contact__icon--mail {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguMzM0IDUuODMzNzVMMTAuODQwOSAxMC42MDU4QzEwLjU4NjYgMTAuNzUzNCAxMC4yOTc4IDEwLjgzMTIgMTAuMDAzOCAxMC44MzEyQzkuNzA5NyAxMC44MzEyIDkuNDIwODcgMTAuNzUzNCA5LjE2NjYgMTAuNjA1OEwxLjY2NiA1LjgzMzc1TTMuMzMyOCAzLjMzNEgxNi42NjcyQzE3LjU4NzcgMy4zMzQgMTguMzM0IDQuMDgwMTIgMTguMzM0IDUuMDAwNVYxNC45OTk1QzE4LjMzNCAxNS45MTk5IDE3LjU4NzcgMTYuNjY2IDE2LjY2NzIgMTYuNjY2SDMuMzMyOEMyLjQxMjI1IDE2LjY2NiAxLjY2NiAxNS45MTk5IDEuNjY2IDE0Ljk5OTVWNS4wMDA1QzEuNjY2IDQuMDgwMTIgMi40MTIyNSAzLjMzNCAzLjMzMjggMy4zMzRaIiBzdHJva2U9IiNGOEZBRkMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
}
[data-bs-theme=dark] a.home-contact__card:hover .home-contact__icon,
[data-bs-theme=dark] a.home-contact__featured:hover .home-contact__icon {
  background-color: rgba(59, 130, 246, 0.12);
}

.guest-body--login {
  margin: 0;
  padding: 0;
  background: #ffffff;
}

.guest-body--login #notify-wrapper[style*="display:none"],
.guest-body--login #notify-wrapper[style*="display: none"] {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.guest-shell--login {
  min-height: 100vh;
}

@media (max-width: 991px) {
  .guest-shell__live-chat--standalone {
    right: 24px;
    bottom: 24px;
  }
}

.login-page {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  background: #ffffff;
}
@media (max-width: 991px) {
  .login-page {
    flex-direction: column;
  }
}

.login-page__brand {
  position: relative;
  flex: 1 1 50%;
  width: 50%;
  min-height: 100vh;
  min-height: 100dvh;
  background: #000000;
  overflow: hidden;
}
@media (max-width: 991px) {
  .login-page__brand {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    min-height: 105px;
    padding: 32px 24px 32px;
  }
}

.login-page__brand-backdrop {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.login-page__brand-glow {
  position: absolute;
  top: 192px;
  left: -186px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1097.816px;
  height: 1070.424px;
  pointer-events: none;
}
.login-page__brand-glow::before {
  content: "";
  width: 667px;
  height: 873px;
  border-radius: 999px;
  background: rgba(29, 78, 216, 0.4);
  filter: blur(172px);
  transform: rotate(-50.4deg);
}
@media (max-width: 991px) {
  .login-page__brand-glow {
    top: -40px;
    left: auto;
    right: -120px;
    width: 420px;
    height: 420px;
  }
  .login-page__brand-glow::before {
    width: 280px;
    height: 360px;
    transform: rotate(-50.4deg);
  }
}

.login-page__logo {
  position: absolute;
  top: 64px;
  left: 64px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  text-decoration: none;
  z-index: 2;
}
@media (max-width: 767px) {
  .login-page__logo {
    gap: 6px;
  }
}
.login-page__logo .guest-shell__logo-mark {
  width: 32.2px;
  height: 40.67px;
}
@media (max-width: 767px) {
  .login-page__logo .guest-shell__logo-mark {
    width: 26px;
    height: 33px;
  }
}
.login-page__logo .guest-shell__logo-wordmark {
  width: 102.32px;
  height: 20.82px;
}
@media (max-width: 767px) {
  .login-page__logo .guest-shell__logo-wordmark {
    width: 83.134px;
    height: 16.914px;
  }
}
@media (max-width: 991px) {
  .login-page__logo {
    position: relative;
    top: auto;
    left: auto;
  }
}

.login-page__art {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 332px;
  transform: translate(-50%, -50%);
  animation: login-brand-art-center-float 3s ease-in-out infinite;
}
@media (max-width: 991px) {
  .login-page__art {
    top: 7px;
    right: 24px;
    left: auto;
    width: 136px;
    transform: none;
    animation: login-page-art-float 3s ease-in-out infinite;
  }
}

.login-page__art-image {
  display: block;
  width: 332px;
  height: auto;
}
@media (max-width: 991px) {
  .login-page__art-image {
    width: 136px;
  }
}

@keyframes login-brand-art-center-float {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, calc(-50% - 8px));
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes login-page-art-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .login-page__art {
    animation: none;
  }
}
.login-page__form-column {
  flex: 1 1 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 64px 80px;
  background: #ffffff;
  overflow: visible;
}
@media (max-width: 991px) {
  .login-page__form-column {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-height: auto;
    padding: 32px 24px 48px;
  }
}
@media (max-width: 767px) {
  .login-page__form-column {
    padding: 32px 24px 100px;
    align-items: flex-start;
  }
}

.login-page__form-wrap {
  width: 100%;
  max-width: 440px;
  overflow: visible;
}
@media (max-width: 991px) {
  .login-page__form-wrap {
    max-width: none;
  }
}

.login-page__header {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .login-page__header {
    margin-bottom: 24px;
  }
}

.login-page__title {
  margin: 0;
  font-size: 2.25rem;
  line-height: 2.375rem;
  font-weight: var(--fw-semibold);
  color: #111111;
}
@media (max-width: 991px) {
  .login-page__title {
    text-align: center;
    font-size: 1.75rem;
    font-weight: var(--fw-bold);
    line-height: 120%;
  }
}

.login-page__subtitle {
  margin: 12px 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #666666;
}
@media (max-width: 991px) {
  .login-page__subtitle {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .login-page__subtitle {
    margin-top: 8px;
    font-size: 0.9375rem;
    line-height: 140%;
  }
}

.login-page__google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #ffffff;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: var(--fw-medium);
  color: #111111;
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
@media (max-width: 767px) {
  .login-page__google {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
  }
}

.login-page__google:hover {
  background: #f7f7f5;
  border-color: rgba(0, 0, 0, 0.12);
}

.login-page__google-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.login-page__google-icon svg {
  display: block;
  width: 20px;
  height: auto;
}

.login-page__divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 40px 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #999999;
}
@media (max-width: 767px) {
  .login-page__divider {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.login-page__divider-line {
  flex: 1;
  height: 1px;
  background: #e5e7eb;
}

.login-page__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .login-page__form {
    gap: 18px;
  }
}

.login-page__alert {
  padding: 12px 16px;
  border-radius: var(--gh-radius-md);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.login-page__alert--error {
  background: rgba(242, 85, 111, 0.08);
  color: var(--smm-danger);
}

.login-page__alert--success {
  background: rgba(102, 204, 0, 0.1);
  color: var(--smm-success);
}

.login-page__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login-page__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--fw-semibold);
  color: #111111;
}

.login-page__input {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #111111;
  transition: border-color 0.25s ease;
}
@media (max-width: 767px) {
  .login-page__input {
    min-height: 48px;
  }
}

.login-page__input::placeholder {
  color: #999999;
}

.login-page__input:focus {
  outline: none;
  border-color: #1d4ed8;
}

.login-page__password-wrap {
  position: relative;
}

.login-page__input--password {
  padding-right: 48px;
}

.login-page__password-toggle {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
  line-height: 0;
}

.login-page__password-toggle svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  pointer-events: none;
}

.login-page__password-toggle .login-page__password-icon--show {
  display: block;
}

.login-page__password-toggle .login-page__password-icon--hide {
  display: none;
}

.login-page__password-toggle.is-visible .login-page__password-icon--show {
  display: none;
}

.login-page__password-toggle.is-visible .login-page__password-icon--hide {
  display: block;
}

.login-page__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.login-page__remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #111111;
  cursor: pointer;
}

.login-page__remember input {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.login-page__remember input:checked {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.login-page__remember input:focus-visible {
  outline: 2px solid rgba(29, 78, 216, 0.4);
  outline-offset: 1px;
}

.login-page__forgot {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--fw-semibold);
  color: #1d4ed8;
  text-decoration: none;
  transition: color 0.25s ease;
}

.login-page__forgot:hover {
  color: #1740b6;
}

.login-page__actions {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .login-page__actions {
    margin-top: 6px;
  }
}

.login-page__submit {
  width: 100%;
  min-height: 56px;
  padding: 12px 24px;
  border: 0;
  border-radius: 999px;
  background: #1d4ed8;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: var(--fw-semibold);
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.login-page__submit:hover {
  background: #1740b6;
}

.login-page__signup {
  margin: 0;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666666;
}

.login-page__signup a {
  font-weight: var(--fw-semibold);
  color: #1d4ed8;
  text-decoration: none;
  transition: color 0.25s ease;
}

.login-page__signup a:hover {
  color: #1740b6;
}

.login-page__form--rtl .login-page__input--password {
  padding-right: 16px;
  padding-left: 48px;
}

.login-page__form--rtl .login-page__password-toggle {
  right: auto;
  left: 12px;
}

.login-page__terms {
  margin-top: 4px;
}

.login-page__terms .login-page__remember {
  align-items: flex-start;
  gap: 10px;
}

.login-page__terms-link {
  font-weight: var(--fw-semibold);
  color: #1d4ed8;
  text-decoration: none;
  transition: color 0.25s ease;
}

.login-page__terms-link:hover {
  color: #1740b6;
}

.login-page__auth-text {
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #666666;
}

.login-page__field--captcha {
  overflow: auto;
}

.login-page__input--otp {
  text-align: center;
  letter-spacing: 0.25rem;
  font-size: 1.125rem;
  font-weight: var(--fw-semibold);
}

.login-page__input--readonly {
  background: #f3f4f6;
  cursor: default;
}

.login-page__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  border: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-pill);
  background: #ffffff;
  color: #111111;
  font-size: 0.9375rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}

.login-page__secondary:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #ffffff;
}

.login-page__actions--stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.login-page__actions--row {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.login-page__actions--row .login-page__secondary,
.login-page__actions--row .login-page__submit {
  flex: 1 1 0;
  width: auto;
}
@media (max-width: 767px) {
  .login-page__actions--row {
    flex-direction: column;
  }
}

.login-page__panel {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #e5e7eb;
}

.login-page__panel-title {
  margin: 0 0 20px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
  color: #111111;
}

.api-docs {
  background: #ffffff;
}

.api-docs-hero {
  --api-hero-pad-top: 160px;
  position: relative;
  padding: var(--api-hero-pad-top) var(--gh-home-gutter) 80px;
  background: #f7f8fa;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .api-docs-hero {
    --api-hero-pad-top: 120px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .api-docs-hero {
    --api-hero-pad-top: 40px;
    padding-bottom: 40px;
  }
}

.guest-body--light .api-docs-hero {
  --api-hero-pad-top: 80px;
}
@media (max-width: 767px) {
  .guest-body--light .api-docs-hero {
    --api-hero-pad-top: 40px;
  }
}

.api-docs-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  z-index: 1;
  width: min(800px, 100%);
  min-width: 50%;
  max-width: 800px;
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 767px) {
  .api-docs-hero__inner {
    min-width: 0;
    width: min(100%, 1280px);
    max-width: 100%;
    gap: 32px;
  }
}

.api-docs-hero__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
}

.api-docs-hero__pill {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary-soft);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.api-docs-hero__title {
  margin: 0;
  color: #111111;
  font-size: 3rem;
  line-height: 3.3rem;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .api-docs-hero__title {
    font-size: 2.25rem;
    line-height: 2.475rem;
  }
}
@media (max-width: 767px) {
  .api-docs-hero__title {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}

.api-docs-hero__desc {
  margin: 0;
  max-width: 100%;
  color: #666666;
  font-size: 1rem;
  line-height: 1.6rem;
}

.api-docs-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
@media (max-width: 767px) {
  .api-docs-hero__stats {
    row-gap: 24px;
  }
}

.api-docs-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.api-docs-hero__stat-label {
  color: #999999;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.api-docs-hero__stat-value {
  color: #111111;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}

.api-docs-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .api-docs-hero__actions {
    flex-direction: column;
    width: 100%;
  }
}

.api-docs-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  padding: 16px 32px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 767px) {
  .api-docs-hero__button {
    width: 100%;
  }
}

.api-docs-hero__button--primary {
  border: 0;
  background: #1d4ed8;
  color: #ffffff;
}

.api-docs-hero__button--primary:hover {
  background: #1740b6;
  color: #ffffff;
}

.api-docs-hero__button--outline {
  border: 1px solid #111111;
  background: transparent;
  color: #111111;
}

.api-docs-hero__button--outline:hover {
  background: rgba(17, 17, 17, 0.05);
}

.api-docs-hero__art {
  position: absolute;
  top: calc(var(--api-hero-pad-top) + 17%);
  right: 100px;
  width: 332px;
  pointer-events: none;
  animation: api-docs-hero-float 3s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .api-docs-hero__art {
    right: var(--gh-home-gutter);
    width: min(280px, 42vw);
    top: calc(var(--api-hero-pad-top) + 20%);
  }
}
@media (max-width: 991px) {
  .api-docs-hero__art {
    right: var(--gh-home-gutter);
    width: min(240px, 40vw);
    top: calc(var(--api-hero-pad-top) + 30%);
  }
}
@media (max-width: 767px) {
  .api-docs-hero__art {
    display: none;
  }
}

.api-docs-hero__art-image {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes api-docs-hero-float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .api-docs-hero__art {
    animation: none;
  }
}
.api-docs__layout {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .api-docs__layout {
    padding-top: 0;
  }
}

.api-docs__layout-inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  gap: 64px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .api-docs__layout-inner {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .api-docs__layout-inner {
    flex-direction: column;
    gap: 40px;
  }
}

.api-docs__sidebar {
  position: sticky;
  top: 104px;
  flex: 0 0 240px;
  width: 240px;
}
@media (max-width: 991px) {
  .api-docs__sidebar {
    flex: 0 0 200px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .api-docs__sidebar {
    position: static;
    flex: 0 0 auto;
    margin-inline: calc(-1 * var(--gh-home-gutter, 20px));
    width: calc(100% + 2 * var(--gh-home-gutter, 20px));
    border-bottom: 1px solid #e5e7eb;
  }
}

.api-docs__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 767px) {
  .api-docs__nav {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .api-docs__nav::-webkit-scrollbar {
    display: none;
  }
}

.api-docs__nav-link {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
@media (max-width: 767px) {
  .api-docs__nav-link {
    flex: 0 0 auto;
    padding: 8px 16px;
    white-space: nowrap;
    color: #666666;
  }
}

.api-docs__nav-link:hover {
  color: var(--gh-color-text-dark);
}

.api-docs__nav-link.is-active {
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-weight: var(--fw-semibold);
}
@media (max-width: 767px) {
  .api-docs__nav-link.is-active {
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
  }
}

.api-docs__nav-link--child {
  padding-left: 24px;
}
@media (max-width: 767px) {
  .api-docs__nav-link--child {
    padding-left: 16px;
  }
}

.api-docs__nav-group-label {
  margin: 12px 0 4px;
  padding: 0 12px;
  color: var(--gh-color-text-soft);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .api-docs__nav-group-label {
    display: none;
  }
}

.api-docs__content {
  flex: 1 1 0;
  min-width: 0;
}

.api-docs__section {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .api-docs__section {
    padding-bottom: 64px;
  }
}

.api-docs__section:last-child {
  padding-bottom: 0;
}

.api-docs__section-title {
  margin: 0 0 24px;
  color: var(--gh-color-text-dark);
  font-size: 2rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .api-docs__section-title {
    font-size: 1.75rem;
    line-height: 120%;
  }
}

.api-docs__section-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.api-docs__section-head .api-docs__section-title {
  margin-bottom: 0;
}

.api-docs__endpoint-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.api-docs__method-badge {
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--gh-color-primary-soft);
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.api-docs__path-badge {
  display: inline-flex;
  padding: 4px 12px;
  border-radius: 6px;
  background: #f7f8fa;
  color: var(--gh-color-text-dark);
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.api-docs__text {
  margin: 0 0 24px;
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.6rem;
}

.api-docs__callout {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  width: fit-content;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(29, 78, 216, 0.1);
  border-radius: 8px;
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .api-docs__callout {
    width: 100%;
    white-space: normal;
    flex-wrap: wrap;
  }
  .api-docs__callout strong {
    width: 100%;
  }
}

.api-docs__callout strong {
  font-weight: var(--fw-bold);
}

.api-docs__callout code {
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.8125rem;
  font-weight: var(--fw-semibold);
  line-height: 1.5;
  color: inherit;
  background: transparent;
}

.api-docs__warning {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 20px;
  border: 1px solid rgba(245, 158, 11, 0.27);
  border-radius: 12px;
  background: #fffbeb;
}

.api-docs__warning-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.api-docs__warning-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}

.api-docs__warning p {
  margin: 0;
  color: #92400e;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.api-docs__code-block {
  margin-bottom: 24px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: #0b0e14;
  color: #ffffff;
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  white-space: pre-wrap;
  overflow-x: auto;
}

.api-docs__code-block:last-child {
  margin-bottom: 0;
}

.api-docs__code-label {
  margin: 0 0 12px;
  color: var(--gh-color-text-soft);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.api-docs__code-pair {
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .api-docs__code-pair {
    flex-direction: column;
  }
}

.api-docs__code-pair__col {
  flex: 1 1 0;
  min-width: 0;
}

.api-docs__table {
  width: 100%;
  margin-bottom: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: normal;
}
@media (max-width: 767px) {
  .api-docs__table {
    font-size: 0.75rem;
  }
}

.api-docs__table thead th {
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #f7f8fa;
  color: var(--gh-color-text-dark);
  font-weight: var(--fw-bold);
  text-align: left;
}
@media (max-width: 767px) {
  .api-docs__table thead th {
    white-space: nowrap;
    padding: 12px;
  }
}

.api-docs__table tbody td {
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
  color: var(--gh-color-text-muted);
  vertical-align: top;
}
@media (max-width: 767px) {
  .api-docs__table tbody td {
    padding: 12px;
  }
}

.api-docs__table tbody tr:last-child td {
  border-bottom: 0;
}

.api-docs__table .col-param {
  width: 150px;
}
@media (max-width: 767px) {
  .api-docs__table .col-param {
    width: 100px;
  }
}

.api-docs__table .col-type {
  width: 120px;
}

.api-docs__table .col-req {
  width: 110px;
}

.api-docs__table .col-desc {
  width: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 991px) {
  .api-docs__table--params .col-type,
  .api-docs__table--params .col-req {
    display: none;
  }
  .api-docs__table--params .col-param {
    width: 100px;
  }
}

.api-docs__sdk-grid {
  display: flex;
  gap: 16px;
}
@media (max-width: 1199px) {
  .api-docs__sdk-grid {
    flex-direction: column;
  }
}

.api-docs__sdk-card {
  flex: 1 1 0;
  min-width: 0;
  padding: 24px;
  border-radius: 16px;
  background: #f7f8fa;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 767px) {
  .api-docs__sdk-card {
    padding: 20px;
  }
}

.api-docs__sdk-title {
  margin: 0 0 16px;
  color: var(--gh-color-text-dark);
  font-size: 1.25rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.api-docs__sdk-install {
  display: block;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 8px;
  background: #0b0e14;
  color: #10b981;
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.75rem;
  line-height: normal;
}
@media (max-width: 767px) {
  .api-docs__sdk-install {
    line-height: 150%;
    width: 100%;
    font-size: 0.8125rem;
  }
}

.api-docs__sdk-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gh-color-primary);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: color 0.25s ease;
}

.api-docs__sdk-link:hover {
  color: #1740b6;
}

.api-docs__sdk-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.api-docs__sdk-link-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}
.api-docs__sdk-link-icon svg path {
  stroke-width: 3px;
}
@media (max-width: 767px) {
  .api-docs__sdk-link-icon svg path {
    stroke-width: 2px;
  }
}

.api-docs__dynamic-title {
  margin: 0 0 16px;
  color: var(--gh-color-text-dark);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.api-docs__type-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.api-docs__type-label {
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-medium);
}

.api-docs__type-select {
  min-width: 200px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
}

.api-docs--auth {
  background: transparent;
}

.api-docs--auth .api-docs__layout {
  padding: 0;
}

.api-docs--auth .api-docs__layout-inner {
  width: 100%;
  max-width: none;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__layout-inner {
    flex-direction: column;
    gap: 0;
  }
}

.api-docs--auth .api-docs__content {
  order: 1;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__content {
    order: 2;
    padding: 40px 0 24px;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
}

.api-docs--auth .api-docs__sidebar {
  order: 2;
  position: sticky;
  top: 96px;
  flex: 0 0 240px;
  width: 240px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__sidebar {
    order: 1;
    position: sticky;
    top: -16px;
    z-index: 20;
    flex: 0 0 auto;
    width: calc(100% + 32px);
    margin: -20px -16px 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
  }
}
@media (max-width: 575px) {
  .api-docs--auth .api-docs__sidebar {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }
}

.api-docs--auth .api-docs__nav {
  gap: 0;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__nav {
    gap: 12px;
    padding: 16px 20px;
  }
}

.api-docs--auth .api-docs__nav-link {
  padding: 8px 12px;
  color: #666666;
  font-weight: var(--fw-medium);
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__nav-link {
    padding: 8px 16px;
    border-radius: 8px;
    background: transparent;
  }
}

.api-docs--auth .api-docs__nav-link:hover {
  color: #111111;
}

.api-docs--auth .api-docs__nav-link.is-active {
  background: rgba(29, 78, 216, 0.04);
  color: #1d4ed8;
  font-weight: var(--fw-semibold);
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__nav-link.is-active {
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
  }
}

.api-docs--auth .api-docs__nav-link--child {
  padding-left: 24px;
  padding-right: 12px;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__nav-link--child {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.api-docs--auth .api-docs__nav-group-label {
  margin: 0;
  padding: 12px 0 4px;
  color: #999999;
  font-size: 0.8125rem;
  font-weight: var(--fw-bold);
}

.api-docs--auth .api-docs__section-title {
  color: #111111;
  font-size: 2rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .api-docs--auth .api-docs__section-title {
    font-size: 1.75rem;
  }
}

.api-docs--auth .api-docs__text {
  color: #666666;
}

.api-docs--auth .api-docs__method-badge {
  background: rgba(29, 78, 216, 0.08);
  color: #1d4ed8;
}

@media (max-width: 991px) {
  .api-docs--auth .api-docs__section {
    padding-bottom: 64px;
  }
}

@media (max-width: 991px) {
  .api-docs--auth .api-docs__code-block {
    padding: 16px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 991px) {
  .api-docs--auth .api-docs__callout {
    background: rgba(29, 78, 216, 0.08);
  }
}

.cms-page {
  padding: 120px var(--gh-home-gutter) 80px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .cms-page {
    padding-top: 96px;
    padding-bottom: 56px;
  }
}

.cms-page__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
}

.cms-page__body {
  color: var(--gh-color-text-dark);
  font-size: 1rem;
  line-height: 1.6rem;
}

.cms-page__body--rtl {
  direction: rtl;
  text-align: right;
}

/* ── About ── */
.about-page {
  background: #ffffff;
}

.about-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 100px;
  padding-bottom: 80px;
  background: #f7f8fa;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.about-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 48px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .about-hero__inner {
    margin-bottom: 32px;
    flex-direction: column;
    gap: 20px;
  }
}

.about-hero__copy {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 767px) {
  .about-hero__copy {
    display: contents;
  }
}

.about-hero__pill,
.about-why__pill,
.contact-hero__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary-soft);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .about-hero__pill,
  .about-why__pill,
  .contact-hero__pill {
    order: 1;
    letter-spacing: 0.0625rem;
    font-size: 0.75rem;
  }
}

@media (max-width: 767px) {
  .about-hero__pill {
    margin-right: auto;
  }
}

.about-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3.5rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 1199px) {
  .about-hero__title {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .about-hero__title {
    order: 2;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: -0.03125rem;
  }
}

.about-hero__desc {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 1.125rem;
  line-height: 1.8rem;
}
@media (max-width: 767px) {
  .about-hero__desc {
    order: 3;
    line-height: 160%;
    font-size: 1rem;
  }
}

.about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .about-hero__actions {
    order: 5;
    width: 100%;
  }
}

.about-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  border-radius: var(--gh-radius-pill);
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 767px) {
  .about-hero__btn {
    font-size: 0.9375rem;
    width: 100%;
  }
}

.about-hero__btn--primary {
  background: var(--gh-color-primary);
  color: #ffffff;
}

.about-hero__btn--primary:hover {
  background: #1740b6;
  color: #ffffff;
}

.about-hero__btn--outline {
  border: 1.5px solid #111111;
  color: #111111;
  background: transparent;
}

.about-hero__btn--outline:hover {
  background: rgba(17, 17, 17, 0.05);
}

.about-hero__visual {
  position: relative;
  flex: 0 0 480px;
  width: 480px;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .about-hero__visual {
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .about-hero__visual {
    order: 4;
    flex: 0 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
    height: 160px;
    background: #ffffff;
    border-radius: 0;
    border: none;
    overflow: hidden;
    max-width: 100%;
  }
}

.about-hero__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 760px;
  height: 760px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(29, 78, 216, 0.18) 0%, rgba(29, 78, 216, 0.06) 40%, rgba(29, 78, 216, 0) 68%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .about-hero__glow {
    border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='350' height='160' viewBox='0 0 350 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4484_2769)'%3E%3Cg opacity='0.15' filter='url(%23filter0_f_4484_2769)'%3E%3Ccircle cx='175' cy='80' r='120' fill='%231D4ED8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_4484_2769' x='-65' y='-160' width='480' height='480' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='60' result='effect1_foregroundBlur_4484_2769'/%3E%3C/filter%3E%3CclipPath id='clip0_4484_2769'%3E%3Crect width='350' height='160' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    filter: blur(2px);
  }
}

.about-hero__brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .about-hero__brand {
    gap: 10px;
  }
}

.about-hero__brand-mark {
  width: 64px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .about-hero__brand-mark {
    width: 48px;
  }
}

.about-hero__brand-wordmark {
  width: 240px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 991px) {
  .about-hero__brand-wordmark {
    width: 155px;
    height: 32px;
  }
}

.about-hero__stats {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  gap: 24px;
}
@media (max-width: 1199px) {
  .about-hero__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .about-hero__stats {
    gap: 16px;
  }
}

.about-hero__stat {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
  .about-hero__stat {
    padding: 20px;
  }
}

.about-hero__stat strong {
  color: var(--gh-color-primary);
  font-size: 2.25rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .about-hero__stat strong {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.about-hero__stat span {
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-medium);
}

.about-story {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .about-story {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}

.about-story__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 1199px) {
  .about-story__inner {
    flex-direction: column;
    gap: 40px;
  }
}

.about-story__copy {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-story__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 2.25rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .about-story__title {
    font-size: 1.625rem;
    line-height: 130%;
  }
}

.about-story__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-story__text p {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.6rem;
}

.about-story__media {
  flex: 1 1 0;
  min-width: 0;
  height: 380px;
  border-radius: 24px;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-story__media {
    height: auto;
    width: 100%;
    border-radius: 16px;
    flex: unset;
  }
}

.about-story__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-why {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 100px;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .about-why {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.about-why__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 767px) {
  .about-why__inner {
    gap: 32px;
  }
}

.about-why__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: min(100%, 720px);
  text-align: center;
}
@media (max-width: 767px) {
  .about-why__header {
    align-items: flex-start;
    text-align: left;
  }
}

.about-why__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 2.25rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .about-why__title {
    font-size: 1.625rem;
    line-height: 130%;
  }
}

.about-why__desc {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.5rem;
}

.about-why__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}
@media (max-width: 1199px) {
  .about-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .about-why__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.about-why__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
@media (max-width: 767px) {
  .about-why__card {
    padding: 24px;
  }
}

.about-why__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--gh-color-primary-soft);
}

.about-why__icon img {
  display: block;
  width: 24px;
  height: 24px;
}

.about-why__card h3 {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1.25rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .about-why__card h3 {
    font-size: 1.125rem;
  }
}

.about-why__card p {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
}
@media (max-width: 767px) {
  .about-why__card p {
    font-size: 0.875rem;
    line-height: 150%;
  }
}

.about-cta {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 96px;
  padding-bottom: 96px;
  background: linear-gradient(180deg, #0b0e14 0%, #1d4ed8 100%);
}
@media (max-width: 767px) {
  .about-cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.about-cta__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 800px;
  text-align: center;
}
@media (max-width: 767px) {
  .about-cta__inner {
    gap: 16px;
  }
}

.about-cta__title {
  margin: 0;
  color: #ffffff;
  font-size: 2.5rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .about-cta__title {
    font-size: 1.75rem;
  }
}

.about-cta__desc {
  margin: 0;
  color: #d9d9d9;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
@media (max-width: 767px) {
  .about-cta__desc {
    font-size: 1rem;
    line-height: 160%;
  }
}

.about-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .about-cta__actions {
    padding-top: 16px;
    width: 100%;
  }
}

.about-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px 16px 36px;
  border-radius: var(--gh-radius-pill);
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 767px) {
  .about-cta__btn {
    width: 100%;
    font-size: 0.9375rem;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.about-cta__btn--primary {
  background: #ffffff;
  color: var(--gh-color-primary);
}

.about-cta__btn--primary:hover {
  background: #f3f4f6;
  color: var(--gh-color-primary);
}

.about-cta__btn--outline {
  border: 1.5px solid #ffffff;
  color: #ffffff;
  background: transparent;
}

.about-cta__btn--outline:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* ── Contact ── */
.contact-page {
  background: #ffffff;
}

.contact-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 64px;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .contact-hero {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.contact-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 800px;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-hero__inner {
    gap: 12px;
  }
}

.contact-hero__pill {
  background: rgba(29, 78, 216, 0.04);
}
@media (max-width: 767px) {
  .contact-hero__pill {
    order: -1;
  }
}

.contact-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .contact-hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .contact-hero__title {
    font-size: 2rem;
  }
}

.contact-hero__desc {
  margin: 0;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
}

.contact-main {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .contact-main {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.contact-main__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
@media (max-width: 991px) {
  .contact-main__inner {
    flex-direction: column-reverse;
  }
}

.contact-form-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991px) {
  .contact-form-col {
    width: 100%;
  }
}

.contact-form-col__header h2 {
  margin: 0 0 8px;
  color: var(--gh-color-text-dark);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.contact-form-col__header p {
  margin: 0;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: normal;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-form__row {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .contact-form__row {
    flex-direction: column;
  }
}

.contact-form__field {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-form__field label {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.contact-form__optional {
  margin-left: 4px;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: var(--fw-regular);
}

.contact-form__field input,
.contact-form__field textarea,
.contact-form__field select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  color: var(--gh-color-text-dark);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  transition: border-color 0.25s ease;
}

.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder {
  color: #6b7280;
}

.contact-form__field input:focus,
.contact-form__field textarea:focus,
.contact-form__field select:focus {
  outline: none;
  border-color: var(--gh-color-primary);
}

.contact-form__field textarea {
  min-height: 120px;
  resize: vertical;
}

.contact-form__select-wrap {
  position: relative;
}

.contact-form__select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJjaGV2cm9uLWRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNCA2TDggMTBMMTIgNiIgc3Ryb2tlPSIjNkI3MjgwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}

.contact-form__select-wrap select {
  appearance: none;
  padding-right: 40px;
}

.contact-form__upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  background: #f7f8fa;
  cursor: pointer;
  text-align: center;
}

.contact-form__upload input {
  display: none;
}

.contact-form__upload-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.contact-form__upload strong {
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.contact-form__upload span {
  color: #6b7280;
  font-size: 0.75rem;
  line-height: normal;
}

.contact-form__submit {
  width: 100%;
  padding: 16px 32px;
  border: 0;
  border-radius: 8px;
  background: var(--gh-color-primary);
  color: #ffffff;
  font-size: 1rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  cursor: pointer;
  transition: background-color 0.25s ease;
}
@media (max-width: 767px) {
  .contact-form__submit {
    width: 100%;
  }
}

.contact-form__submit:hover {
  background: #1740b6;
}

.contact-form__note {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #6b7280;
  font-size: 0.8125rem;
  line-height: normal;
}

.contact-form__note-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.contact-form__note-desktop {
  display: inline;
}
@media (max-width: 767px) {
  .contact-form__note-desktop {
    display: none;
  }
}

.contact-form__note-mobile {
  display: none;
}
@media (max-width: 767px) {
  .contact-form__note-mobile {
    display: inline;
  }
}

.contact-cards {
  flex: 0 0 500px;
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1199px) {
  .contact-cards {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (max-width: 991px) {
  .contact-cards {
    flex: 0 0 auto;
    width: 100%;
  }
}

.contact-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 767px) {
  .contact-card {
    padding: 20px;
  }
}
.contact-card:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  box-shadow: 0 8px 10px rgba(29, 78, 216, 0.3);
}
.contact-card:hover .contact-card__icon {
  background: rgba(255, 255, 255, 0.15);
}
.contact-card:hover .contact-card__icon svg path {
  stroke: #ffffff;
}
.contact-card:hover .contact-card__label {
  color: rgba(255, 255, 255, 0.8);
}
.contact-card:hover .contact-card__title {
  color: #ffffff;
}
.contact-card:hover p {
  color: rgba(255, 255, 255, 0.9);
}
.contact-card:hover .contact-card__cta {
  background: #ffffff;
  color: #1d4ed8;
}

.contact-card--primary {
  border: 0;
  background: var(--gh-color-primary);
  box-shadow: 0 8px 10px rgba(29, 78, 216, 0.3);
  color: #ffffff;
}

.contact-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.contact-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(29, 78, 216, 0.04);
  flex-shrink: 0;
  transition: background-color 0.3s ease;
}
.contact-card__icon svg path {
  transition: stroke 0.3s ease, fill 0.3s ease;
}

.contact-card--primary .contact-card__icon {
  background: rgba(255, 255, 255, 0.15);
}

.contact-card__icon img {
  display: block;
  width: 20px;
  height: 20px;
}

.contact-card__label {
  display: block;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .contact-card__label {
    font-size: 0.75rem;
  }
}

.contact-card--primary .contact-card__label {
  color: rgba(255, 255, 255, 0.8);
}

.contact-card__title {
  display: block;
  margin-top: 2px;
  color: var(--gh-color-text-dark);
  font-size: 1.125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .contact-card__title {
    font-size: 1rem;
  }
}

.contact-card--primary .contact-card__title {
  color: #ffffff;
}

.contact-card p {
  margin: 0;
  color: #4b5563;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  transition: color 0.3s ease;
}

.contact-card--primary p {
  color: rgba(255, 255, 255, 0.9);
}

.contact-card .contact-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-card .contact-card__cta--light {
  background: #ffffff;
  color: var(--gh-color-primary);
}

.contact-card .contact-card__cta--light:hover {
  background: #f3f4f6;
  color: var(--gh-color-primary);
}

.guest-body--light {
  background: #ffffff;
  color: var(--gh-color-text-dark);
}

.guest-body--light .container {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
}

.guest-body--light .breadcrumb-wrap {
  background: #ffffff;
  padding: 16px 0 0;
  border: 0;
}

.guest-body--light .pg-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: var(--fw-medium);
}

.guest-body--light .pg-breadcrumb a {
  color: var(--gh-color-text-muted);
  text-decoration: none;
  transition: color 0.25s ease;
}

.guest-body--light .pg-breadcrumb a:hover {
  color: var(--gh-color-primary);
}

.guest-body--light .pg-breadcrumb .sep {
  color: #c4c4c4;
  font-size: 0.75rem;
}

.guest-body--light .pg-breadcrumb .current {
  color: var(--gh-color-text-dark);
  font-weight: var(--fw-bold);
}

[data-bs-theme=dark] body:not(.pp-body):not(.guest-body--login) {
  background: var(--gh-color-bg-soft);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light {
  background: var(--gh-color-bg-soft);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .breadcrumb-wrap {
  background: transparent;
}
[data-bs-theme=dark] .guest-body--light .pg-breadcrumb .current {
  background: transparent;
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .pg-breadcrumb a {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .pg-breadcrumb .sep {
  color: var(--gh-color-text-soft);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__header {
  background: var(--gh-color-surface);
  border-bottom-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__nav a,
[data-bs-theme=dark] .guest-body--light .guest-shell__signin {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__nav a:hover,
[data-bs-theme=dark] .guest-body--light .guest-shell__signin:hover,
[data-bs-theme=dark] .guest-body--light .guest-shell__nav a.is-active {
  color: var(--gh-color-primary);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__logo-wordmark--header,
[data-bs-theme=dark] .guest-body--light .guest-shell__menu-icon {
  filter: brightness(0) invert(1);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__currency-toggle,
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-toggle {
  color: var(--gh-color-text-dark);
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-bg-muted);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-icon,
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-chevron {
  filter: brightness(0) invert(1);
  opacity: 0.85;
}
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-menu {
  background: var(--gh-color-bg-muted);
  border-color: var(--gh-color-border-footer);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-item {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-menu .dropdown-item:hover,
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-item:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .guest-shell__lang-item.active {
  background: var(--gh-color-primary-soft);
  color: #60a5fa;
}
@media (max-width: 767px) {
  [data-bs-theme=dark] .guest-body--light.guest-body--home .guest-shell__header {
    background: var(--gh-color-bg-dark);
    border-bottom-color: transparent;
  }
  [data-bs-theme=dark] .guest-body--light.guest-body--home .guest-shell__logo-wordmark--header,
  [data-bs-theme=dark] .guest-body--light.guest-body--home .guest-shell__menu-icon {
    filter: none;
  }
  [data-bs-theme=dark] .guest-body--light.guest-body--home .guest-shell__nav a,
  [data-bs-theme=dark] .guest-body--light.guest-body--home .guest-shell__signin {
    color: #f8fafc;
  }
}
[data-bs-theme=dark] .guest-shell__footer {
  background: var(--gh-color-bg-dark);
  border-top-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-shell__footer-tagline,
[data-bs-theme=dark] .guest-shell__footer-links a {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .cms-page {
  background: var(--gh-color-bg-soft);
}
[data-bs-theme=dark] .cms-page__body {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .about-page,
[data-bs-theme=dark] .contact-page,
[data-bs-theme=dark] .api-docs-page {
  background: var(--gh-color-bg-soft);
}
[data-bs-theme=dark] .about-hero,
[data-bs-theme=dark] .contact-hero,
[data-bs-theme=dark] .api-docs-hero {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .about-story,
[data-bs-theme=dark] .about-why,
[data-bs-theme=dark] .contact-main,
[data-bs-theme=dark] .contact-cards,
[data-bs-theme=dark] .about-page,
[data-bs-theme=dark] .contact-page {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .about-story__card,
[data-bs-theme=dark] .about-why__card,
[data-bs-theme=dark] .contact-card:not(.contact-card--primary),
[data-bs-theme=dark] .contact-form-col,
[data-bs-theme=dark] .api-docs-panel,
[data-bs-theme=dark] .api-docs-card,
[data-bs-theme=dark] .about-hero__stat {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer) !important;
}
[data-bs-theme=dark] .about-hero__title,
[data-bs-theme=dark] .contact-hero__title,
[data-bs-theme=dark] .api-docs-hero__title,
[data-bs-theme=dark] .about-story__title,
[data-bs-theme=dark] .about-why__title,
[data-bs-theme=dark] .contact-card__title,
[data-bs-theme=dark] .section-head {
  color: var(--gh-color-text-dark) !important;
}
[data-bs-theme=dark] .about-hero__desc,
[data-bs-theme=dark] .contact-hero__desc,
[data-bs-theme=dark] .api-docs-hero__desc,
[data-bs-theme=dark] .about-story__text,
[data-bs-theme=dark] .about-why__text,
[data-bs-theme=dark] .contact-card__desc {
  color: var(--gh-color-text-muted) !important;
}
[data-bs-theme=dark] .guest-body--light .fq-hero,
[data-bs-theme=dark] .guest-body--light .blog-hero,
[data-bs-theme=dark] .guest-body--light .tos-hero,
[data-bs-theme=dark] .guest-body--light .services-hero {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .guest-body--light .fq-section,
[data-bs-theme=dark] .guest-body--light .blog-section,
[data-bs-theme=dark] .guest-body--light .tos-section,
[data-bs-theme=dark] .guest-body--light .search-section,
[data-bs-theme=dark] .guest-body--light .tos-content-section,
[data-bs-theme=dark] .guest-body--light .fq-contact-section,
[data-bs-theme=dark] .guest-body--light .svc-search-section,
[data-bs-theme=dark] .guest-body--light .svc-page-section,
[data-bs-theme=dark] .guest-body--light .login-section {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .guest-body--light .fq-list,
[data-bs-theme=dark] .guest-body--light .blog-panel,
[data-bs-theme=dark] .guest-body--light .tos-card,
[data-bs-theme=dark] .guest-body--light .tos-content,
[data-bs-theme=dark] .guest-body--light .featured-card,
[data-bs-theme=dark] .guest-body--light .fq-contact-card,
[data-bs-theme=dark] .guest-body--light .search-card,
[data-bs-theme=dark] .guest-body--light .blog-tab,
[data-bs-theme=dark] .guest-body--light .tos-toc-card,
[data-bs-theme=dark] .guest-body--light .tos-sections-card,
[data-bs-theme=dark] .guest-body--light .login-card,
[data-bs-theme=dark] .guest-body--light .signup-card,
[data-bs-theme=dark] .guest-body--light .svc-search-card,
[data-bs-theme=dark] .guest-body--light .svc-panel,
[data-bs-theme=dark] .guest-body--light .svc-table-wrap {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer) !important;
  box-shadow: none;
}
[data-bs-theme=dark] .guest-body--light .fq-item {
  border-bottom-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .fq-q {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .fq-a-inner {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .fq-hero__desc,
[data-bs-theme=dark] .guest-body--light .blog-hero .subtitle,
[data-bs-theme=dark] .guest-body--light .tos-hero .subtitle,
[data-bs-theme=dark] .guest-body--light .tos-hero-sub,
[data-bs-theme=dark] .guest-body--light .services-hero__desc {
  color: var(--gh-color-text-muted) !important;
}
[data-bs-theme=dark] .guest-body--light .fq-hero__title,
[data-bs-theme=dark] .guest-body--light .blog-hero h1,
[data-bs-theme=dark] .guest-body--light .tos-hero h1,
[data-bs-theme=dark] .guest-body--light .tos-hero-title,
[data-bs-theme=dark] .guest-body--light .services-hero__title,
[data-bs-theme=dark] .guest-body--light .fq-contact-title,
[data-bs-theme=dark] .guest-body--light .login-card h1,
[data-bs-theme=dark] .guest-body--light .login-card h2,
[data-bs-theme=dark] .guest-body--light .signup-card h1,
[data-bs-theme=dark] .guest-body--light .signup-card h2,
[data-bs-theme=dark] .guest-body--light .tos-toc-title,
[data-bs-theme=dark] .guest-body--light .tos-section h2,
[data-bs-theme=dark] .guest-body--light .tos-section-title {
  color: var(--gh-color-text-dark) !important;
}
[data-bs-theme=dark] .guest-body--light .blog-tab {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .blog-tab.active {
  border-color: var(--gh-color-primary);
  background: var(--gh-color-primary);
  color: #f8fafc;
}
[data-bs-theme=dark] .guest-body--light .tos-badge {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-bg-muted);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .tos-hero-sub,
[data-bs-theme=dark] .guest-body--light .tos-toc-hint,
[data-bs-theme=dark] .guest-body--light .tos-note-text,
[data-bs-theme=dark] .guest-body--light .tos-section p,
[data-bs-theme=dark] .guest-body--light .tos-section-body,
[data-bs-theme=dark] .guest-body--light .fq-contact-desc {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-thead {
  background: var(--gh-color-bg-muted) !important;
}
[data-bs-theme=dark] .guest-body--light .svc-th {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-tr {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .svc-tr:hover {
  background: var(--gh-color-bg-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-td,
[data-bs-theme=dark] .guest-body--light .svc-num,
[data-bs-theme=dark] .guest-body--light .svc-name,
[data-bs-theme=dark] .guest-body--light .svc-price {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .svc-desc,
[data-bs-theme=dark] .guest-body--light .svc-id-label {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-panel-head {
  border-bottom-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]),
[data-bs-theme=dark] .guest-body--light .svc-tabs .svc-tab.home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]) {
  color: #ffffff;
}
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]) .home-pricing__tab-label,
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]) .home-pricing__tab-label span,
[data-bs-theme=dark] .guest-body--light .svc-tabs .svc-tab.home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]) .home-pricing__tab-label,
[data-bs-theme=dark] .guest-body--light .svc-tabs .svc-tab.home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]) .home-pricing__tab-label span {
  color: inherit;
}
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]):hover,
[data-bs-theme=dark] .guest-body--light .svc-tabs .svc-tab.home-pricing__tab:not(.active):not(.home-pricing__tab--active):not([aria-selected=true]):hover {
  color: #ffffff;
}
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab.active,
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab.home-pricing__tab--active {
  background: #f8fafc;
  color: #0f172a;
}
[data-bs-theme=dark] .guest-body--light .svc-fav,
[data-bs-theme=dark] .guest-body--light .btn-svc-det,
[data-bs-theme=dark] .guest-body--light .btn-svc-order {
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .svc-card {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .svc-card-name,
[data-bs-theme=dark] .guest-body--light .svc-stat-val {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .svc-card-desc,
[data-bs-theme=dark] .guest-body--light .svc-stat-label {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-cat-row {
  background: var(--gh-color-bg-muted);
}
[data-bs-theme=dark] .guest-body--light .svc-cat-label {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .blog-card,
[data-bs-theme=dark] .guest-body--light .article-card,
[data-bs-theme=dark] .guest-body--light .blog-intro-block,
[data-bs-theme=dark] .guest-body--light .post-section,
[data-bs-theme=dark] .guest-body--light .related-section {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .guest-body--light .blog-panel-body {
  background: transparent;
}
[data-bs-theme=dark] .guest-body--light .blog-card {
  border-color: var(--gh-color-border-footer);
  background: var(--gh-color-surface) !important;
}
[data-bs-theme=dark] .guest-body--light .article-card {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .blog-card-excerpt,
[data-bs-theme=dark] .guest-body--light .card-meta,
[data-bs-theme=dark] .guest-body--light .feat-excerpt,
[data-bs-theme=dark] .guest-body--light .feat-meta,
[data-bs-theme=dark] .guest-body--light .article-meta,
[data-bs-theme=dark] .guest-body--light .post-body {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .blog-panel-head h2,
[data-bs-theme=dark] .guest-body--light .card-read-more,
[data-bs-theme=dark] .guest-body--light .article-title {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .pp-page-btn {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .pp-page-btn.is-active,
[data-bs-theme=dark] .guest-body--light .pp-page-btn:hover {
  background: var(--gh-color-primary-soft);
  border-color: var(--gh-color-primary);
  color: #60a5fa;
}
[data-bs-theme=dark] .guest-body--light .btn-return {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .article-divider {
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .contact-form__field input,
[data-bs-theme=dark] .guest-body--light .contact-form__field textarea,
[data-bs-theme=dark] .guest-body--light .contact-form__field select,
[data-bs-theme=dark] .guest-body--light .contact-form__upload {
  background: var(--gh-color-bg-muted);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .contact-form__field input::placeholder,
[data-bs-theme=dark] .guest-body--light .contact-form__field textarea::placeholder {
  color: var(--gh-color-text-soft);
}
[data-bs-theme=dark] .guest-body--light .contact-form-col__header h2,
[data-bs-theme=dark] .guest-body--light .contact-card__title {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .contact-form-col__header p,
[data-bs-theme=dark] .guest-body--light .contact-card:not(.contact-card--primary) p {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .contact-card:not(.contact-card--primary) {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer) !important;
}
[data-bs-theme=dark] .guest-body--light .contact-card__label {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .api-docs {
  background: var(--gh-color-bg-soft);
}
[data-bs-theme=dark] .api-docs-hero {
  background: var(--gh-color-bg-soft) !important;
}
[data-bs-theme=dark] .api-docs__sidebar,
[data-bs-theme=dark] .api-docs__sdk-card,
[data-bs-theme=dark] .api-docs__callout,
[data-bs-theme=dark] .api-docs__path-badge {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .api-docs__table thead th {
  background: var(--gh-color-bg-muted) !important;
  color: var(--gh-color-text-muted);
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .api-docs__table tbody td {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .api-docs__nav-link {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .api-docs__nav-link.is-active,
[data-bs-theme=dark] .api-docs__nav-link:hover {
  background: var(--gh-color-primary-soft);
  color: #60a5fa;
}
[data-bs-theme=dark] .api-docs__section-title,
[data-bs-theme=dark] .api-docs__text,
[data-bs-theme=dark] .api-docs__sdk-title {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .api-docs__warning {
  border-color: rgba(255, 170, 0, 0.35);
  background: rgba(255, 170, 0, 0.1);
}
[data-bs-theme=dark] .api-docs__warning p {
  color: #fcd34d;
}
[data-bs-theme=dark] .api-docs__table tbody td code,
[data-bs-theme=dark] .api-docs__table .col-param code {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--gh-color-primary-soft);
  color: #60a5fa;
}
[data-bs-theme=dark] .api-docs-hero__button--outline {
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .api-docs-hero__button--outline:hover {
  background: rgba(255, 255, 255, 0.06);
}
[data-bs-theme=dark] .api-docs--auth .api-docs__sidebar,
[data-bs-theme=dark] .api-docs--auth .api-docs__content {
  background: var(--gh-color-surface) !important;
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .about-why__card h3 {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .about-why__card p,
[data-bs-theme=dark] .guest-body--light .about-story__text,
[data-bs-theme=dark] .guest-body--light .about-story__text p {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .about-hero__btn--outline {
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .about-hero__btn--outline:hover {
  background: rgba(255, 255, 255, 0.06);
}
[data-bs-theme=dark] .guest-body--light .about-cta__btn--outline {
  border-color: rgba(255, 255, 255, 0.65);
  color: #f8fafc;
}
[data-bs-theme=dark] .guest-body--light .about-cta__btn--outline:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  [data-bs-theme=dark] .guest-body--light .about-hero__visual {
    background: var(--gh-color-surface);
  }
}
[data-bs-theme=dark] .guest-body--light .about-hero__stat {
  border-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .about-hero__brand-wordmark {
  filter: brightness(0) invert(1);
}
[data-bs-theme=dark] .guest-body--light .tos-note {
  border-color: rgba(255, 170, 0, 0.35);
  background: rgba(255, 170, 0, 0.1);
}
[data-bs-theme=dark] .guest-body--light .tos-note-title {
  color: #fbbf24;
}
[data-bs-theme=dark] .guest-body--light .tos-note-text {
  color: #fcd34d;
}
[data-bs-theme=dark] .guest-body--light .tos-section-divider {
  border-bottom-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .guest-body--light .tos-toc-link {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .guest-body--light .tos-toc-link-active {
  background: var(--gh-color-primary-soft);
}
[data-bs-theme=dark] .guest-body--light .tos-back-btn {
  background: var(--gh-color-surface);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page {
  background: var(--gh-color-bg-soft);
}
[data-bs-theme=dark] .login-page__form-column,
[data-bs-theme=dark] .login-page__form-wrap {
  background: var(--gh-color-surface);
}
[data-bs-theme=dark] .login-page__title {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__subtitle,
[data-bs-theme=dark] .login-page__signup,
[data-bs-theme=dark] .login-page__forgot {
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .login-page__label,
[data-bs-theme=dark] .login-page__remember {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__remember input {
  border-color: var(--gh-color-border-footer);
  background-color: var(--gh-color-bg-muted);
}
[data-bs-theme=dark] .login-page__remember input:checked {
  background-color: var(--gh-color-primary);
  border-color: var(--gh-color-primary);
}
[data-bs-theme=dark] .login-page__forgot {
  color: #60a5fa;
}
[data-bs-theme=dark] .login-page__forgot:hover {
  color: #93c5fd;
}
[data-bs-theme=dark] .login-page__input,
[data-bs-theme=dark] .login-page__select {
  background: var(--gh-color-bg-muted);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__input::placeholder {
  color: var(--gh-color-text-soft);
}
[data-bs-theme=dark] .login-page__input:focus {
  border-color: var(--gh-color-primary);
}
[data-bs-theme=dark] .login-page__submit {
  background: var(--gh-color-primary);
}
[data-bs-theme=dark] .login-page__submit:hover {
  background: #2563eb;
}
[data-bs-theme=dark] .guest-body--login {
  background: var(--gh-color-bg-soft);
}
[data-bs-theme=dark] .login-page__google {
  background: var(--gh-color-bg-muted);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__google:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__divider-line {
  background: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .login-page__divider span {
  color: var(--gh-color-text-soft);
}
[data-bs-theme=dark] .login-page__alert--error {
  background: rgba(242, 85, 111, 0.12);
  color: #fca5a5;
}
[data-bs-theme=dark] .login-page__alert--success {
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
}
[data-bs-theme=dark] .login-page__secondary {
  background: var(--gh-color-bg-muted);
  border-color: var(--gh-color-border-footer);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__secondary:hover {
  border-color: var(--gh-color-primary);
  color: #60a5fa;
  background: var(--gh-color-primary-soft);
}
[data-bs-theme=dark] .login-page__input--readonly {
  background: var(--gh-color-bg-muted);
  color: var(--gh-color-text-muted);
}
[data-bs-theme=dark] .login-page__panel {
  border-top-color: var(--gh-color-border-footer);
}
[data-bs-theme=dark] .login-page__panel-title {
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .login-page__signup a,
[data-bs-theme=dark] .login-page__auth-link {
  color: #60a5fa;
}
[data-bs-theme=dark] .login-page__signup a:hover,
[data-bs-theme=dark] .login-page__auth-link:hover {
  color: #93c5fd;
}
[data-bs-theme=dark] .guest-body--light .card-chip.chip-tt,
[data-bs-theme=dark] .guest-body--light .blog-card .chip-tt {
  background: rgba(255, 255, 255, 0.08);
  color: var(--gh-color-text-dark);
}
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab.active,
[data-bs-theme=dark] .guest-body--light .svc-tabs .home-pricing__tab.home-pricing__tab--active {
  background: var(--gh-color-surface);
  color: var(--gh-color-text-dark);
  border-color: var(--gh-color-border-footer);
}

.guest-body--light .services-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 64px;
  background: #f7f8fa;
  text-align: center;
}
@media (max-width: 767px) {
  .guest-body--light .services-hero {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.guest-body--light .services-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 800px;
}
@media (max-width: 767px) {
  .guest-body--light .services-hero__inner {
    gap: 12px;
  }
}

.guest-body--light .services-hero__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .guest-body--light .services-hero__pill {
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
  }
}

.guest-body--light .services-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .guest-body--light .services-hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .guest-body--light .services-hero__title {
    font-size: 2rem;
  }
}

.guest-body--light .services-hero__desc {
  margin: 0;
  max-width: 560px;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .guest-body--light .services-hero__desc {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .svc-page-section .container,
.guest-body--light .svc-search-section .container {
  max-width: min(100%, 1280px);
  overflow: hidden;
}

.guest-body--light .svc-search-section {
  background: #f7f8fa;
  padding: 0 0 24px;
}
@media (max-width: 767px) {
  .guest-body--light .svc-search-section {
    padding-bottom: 16px;
  }
}

.guest-body--light .svc-search-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .svc-search-card > i {
  color: #999999;
  font-size: 1.125rem;
}

.guest-body--light .svc-search-card input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--gh-color-text-dark);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  font-family: inherit;
}

.guest-body--light .svc-search-card input::placeholder {
  color: #999999;
}

.guest-body--light .svc-page-section {
  background: #f7f8fa;
  padding: 0 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .svc-page-section {
    padding-bottom: 56px;
  }
}

.guest-body--light .svc-panel {
  overflow: hidden;
  max-width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .svc-panel {
    border-radius: 16px;
  }
}

.guest-body--light .svc-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
}
@media (max-width: 767px) {
  .guest-body--light .svc-panel-head {
    padding: 20px 16px 14px;
  }
}

.guest-body--light .svc-panel-head > i {
  color: var(--gh-color-primary);
  font-size: 1.25rem;
}

.guest-body--light .svc-panel-head h3 {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .svc-tabs-wrap {
  padding: 16px 24px 0;
}
@media (max-width: 767px) {
  .guest-body--light .svc-tabs-wrap {
    padding: 12px 16px 0;
  }
}

.guest-body--light .svc-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.guest-body--light .svc-tabs::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991px) {
  .guest-body--light .svc-tabs {
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .guest-body--light .svc-tabs {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 10px;
    border-radius: 14px;
  }
}

.guest-body--light .svc-tabs .home-pricing__tab {
  flex-shrink: 0;
  white-space: nowrap;
  font-family: inherit;
  box-shadow: none;
  border: 1px solid #383838;
}

.guest-body--light .svc-tabs .home-pricing__tab.active,
.guest-body--light .svc-tabs .home-pricing__tab.home-pricing__tab--active {
  background: #ffffff;
  color: #000000;
  box-shadow: none;
}

.guest-body--light .svc-tabs .home-pricing__tab--soon,
.guest-body--light .svc-tabs .home-pricing__tab--soon[aria-selected=true] {
  background-color: #383838;
  color: rgba(255, 255, 255, 0.65);
  border-color: #383838;
  cursor: not-allowed;
}

.guest-body--light .svc-tabs .home-pricing__tab--soon .home-pricing__tab-badge {
  display: inline-flex;
}

.guest-body--light .svc-tabs .home-pricing__tab-badge[hidden] {
  display: none !important;
}

.guest-body--light .svc-table-wrap {
  max-width: 100%;
  padding: 0;
  margin: 16px 24px 24px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .guest-body--light .svc-table-wrap {
    display: none;
  }
}

.guest-body--light .svc-thead,
.guest-body--light .svc-tr {
  width: 100%;
  min-width: 920px;
  box-sizing: border-box;
  gap: 12px;
  padding: 14px 24px;
  align-items: center;
}

.guest-body--light .svc-th,
.guest-body--light .svc-td {
  min-width: 0;
  overflow: hidden;
}

.guest-body--light .svc-td:has(.svc-actions) {
  overflow: visible;
}

.guest-body--light .svc-thead {
  margin: 0;
  padding: 16px 24px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
}

.guest-body--light .svc-th {
  color: #475569;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.guest-body--light .svc-tr {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

.guest-body--light .svc-tr:last-child {
  border-bottom: 0;
}

.guest-body--light .svc-tr:hover {
  background: #f8fafc;
}

.guest-body--light .svc-td,
.guest-body--light .svc-num {
  color: #475569;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-regular);
}

.guest-body--light .svc-id-label {
  color: #94a3b8;
  font-size: 0.625rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.guest-body--light .svc-id {
  color: #0f172a;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.guest-body--light .svc-name {
  color: #0f172a;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.guest-body--light .svc-price {
  color: #0f172a;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  white-space: nowrap;
}

.guest-body--light .svc-desc {
  color: #475569;
  font-size: 0.8125rem;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.guest-body--light .svc-desc p,
.guest-body--light .svc-desc ul,
.guest-body--light .svc-desc ol {
  margin: 0;
  padding: 0;
}

.guest-body--light .svc-desc li {
  list-style: none;
}

.guest-body--light .svc-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
}

.guest-body--light .svc-actions .btn-svc-det,
.guest-body--light .svc-actions .btn-svc-order {
  flex: 0 0 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 28px;
  padding: 4px 10px;
  gap: 4px;
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  border-radius: 6px;
  box-sizing: border-box;
}

.guest-body--light .svc-cat-row {
  padding: 16px 24px 8px;
}
@media (max-width: 767px) {
  .guest-body--light .svc-cat-row {
    padding: 16px 16px 8px;
  }
}

.guest-body--light .svc-cat-label {
  color: #94a3b8;
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.guest-body--light .btn-svc-det {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  color: #475569;
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  box-sizing: border-box;
  white-space: nowrap;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.guest-body--light .btn-svc-det:hover {
  border-color: #1d4ed8;
  color: #1d4ed8;
  background: #eff6ff;
}

.guest-body--light .btn-svc-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #1d4ed8;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.6875rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.guest-body--light .btn-svc-order:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
}

.guest-body--light .svc-features-row {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}

.guest-body--light .svc-cards-wrap {
  display: none;
  padding: 12px 16px 20px;
}
@media (max-width: 767px) {
  .guest-body--light .svc-cards-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 1100px) {
  .guest-body--light .svc-table-wrap {
    display: none;
  }
  .guest-body--light .svc-cards-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.guest-body--light .svc-card {
  margin: 0;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .svc-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.guest-body--light .svc-card-id {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.guest-body--light .svc-card-id .svc-id-label {
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-regular);
  color: #94a3b8;
}

.guest-body--light .svc-card-id .svc-id {
  margin: 0;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  color: #0f172a;
}

.guest-body--light .svc-card-name {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: var(--fw-semibold);
}

.guest-body--light .svc-card-desc,
.guest-body--light .svc-stat-label {
  color: #475569;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: var(--fw-regular);
}

.guest-body--light .svc-stat-label {
  margin: 0;
  color: #94a3b8;
  font-size: 0.75rem;
  line-height: normal;
}

.guest-body--light .svc-card-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
}

.guest-body--light .svc-stat-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.guest-body--light .svc-stat-val {
  color: #0f172a;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-align: right;
}

.guest-body--light .svc-stat-val.green {
  color: #0f172a;
}

.guest-body--light .svc-card-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.guest-body--light .svc-card-btns .btn-svc-det,
.guest-body--light .svc-card-btns .btn-svc-order {
  width: 100%;
  justify-content: center;
  min-height: 40px;
  padding: 10px 12px;
  font-size: 0.8125rem;
  border-radius: 8px;
}

.guest-body--light .svc-card-btns .btn-svc-order {
  background: #eff6ff;
  border: 1px solid #1d4ed8;
  color: #1d4ed8;
}

.guest-body--light .svc-card-btns .btn-svc-order:hover {
  background: #1d4ed8;
  color: #ffffff;
}

.guest-body--light .svc-card-platform {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

.guest-body--light .svc-platform-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.875rem;
}

.guest-body--light .svc-fav {
  color: #c4c4c4;
}

.guest-body--light .svc-fav:hover,
.guest-body--light .svc-fav.active {
  color: #ef4444;
}

.guest-body--light .btn-svc-det.dropdown-toggle {
  margin-left: auto;
  height: 36px;
  padding: 0 14px;
}

.guest-body--light .fq-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 64px;
  background: #f7f8fa;
  text-align: center;
  border: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .fq-hero {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.guest-body--light .fq-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .guest-body--light .fq-hero__inner {
    gap: 12px;
  }
}

.guest-body--light .fq-hero__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .guest-body--light .fq-hero__pill {
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
  }
}

.guest-body--light .fq-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .guest-body--light .fq-hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .guest-body--light .fq-hero__title {
    font-size: 2rem;
  }
}

.guest-body--light .fq-hero__desc {
  margin: 0;
  max-width: 560px;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .guest-body--light .fq-hero__desc {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .blog-hero,
.guest-body--light .tos-hero {
  padding: 80px 20px 64px;
  background: #f7f8fa;
  text-align: center;
  border: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero,
  .guest-body--light .tos-hero {
    padding: 48px 20px 40px;
  }
}

.guest-body--light .blog-hero h1,
.guest-body--light .tos-hero h1,
.guest-body--light .tos-hero-title {
  margin: 0 0 12px;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .guest-body--light .blog-hero h1,
  .guest-body--light .tos-hero h1,
  .guest-body--light .tos-hero-title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero h1,
  .guest-body--light .tos-hero h1,
  .guest-body--light .tos-hero-title {
    font-size: 2rem;
  }
}

.guest-body--light .blog-hero .subtitle,
.guest-body--light .tos-hero .subtitle,
.guest-body--light .tos-hero-sub {
  margin: 0 auto;
  max-width: 560px;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero .subtitle,
  .guest-body--light .tos-hero .subtitle,
  .guest-body--light .tos-hero-sub {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .blog-hero-badge,
.guest-body--light .tos-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

.guest-body--light .fq-section,
.guest-body--light .blog-section,
.guest-body--light .tos-section,
.guest-body--light .search-section {
  background: #ffffff;
  padding: 40px 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .fq-section,
  .guest-body--light .blog-section,
  .guest-body--light .tos-section,
  .guest-body--light .search-section {
    padding: 32px 0 56px;
  }
}

.guest-body--light .fq-list,
.guest-body--light .blog-panel,
.guest-body--light .tos-card,
.guest-body--light .tos-content,
.guest-body--light .featured-card {
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: none;
  overflow: hidden;
}
@media (max-width: 767px) {
  .guest-body--light .fq-list,
  .guest-body--light .blog-panel,
  .guest-body--light .tos-card,
  .guest-body--light .tos-content,
  .guest-body--light .featured-card {
    border-radius: 16px;
  }
}

.guest-body--light .fq-item {
  border-bottom: 1px solid #e5e7eb;
}

.guest-body--light .fq-item:last-child {
  border-bottom: 0;
}

.guest-body--light .fq-q {
  width: 100%;
  padding: 20px 24px;
  border: 0;
  background: transparent;
  color: var(--gh-color-text-dark);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 767px) {
  .guest-body--light .fq-q {
    padding: 16px;
    font-size: 0.9375rem;
    line-height: 1.40625rem;
  }
}

.guest-body--light .fq-a-inner {
  padding: 20px 24px;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media (max-width: 767px) {
  .guest-body--light .fq-a-inner {
    padding: 16px;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .fq-chevron {
  color: var(--gh-color-primary);
}

.guest-body--light .fq-contact-section {
  background: #f7f8fa;
  padding: 40px 20px 80px;
}
@media (max-width: 767px) {
  .guest-body--light .fq-contact-section {
    padding: 32px 20px 56px;
  }
}

.guest-body--light .fq-contact-card {
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .fq-contact-title {
  margin: 0 0 8px;
  color: var(--gh-color-text-dark);
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .fq-contact-desc {
  margin: 0 0 24px;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
}

.guest-body--light .fq-contact-btn,
.guest-body--light .btn-read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary);
  color: #ffffff;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.guest-body--light .fq-contact-btn:hover,
.guest-body--light .btn-read-more:hover {
  background: #1740b6;
  color: #ffffff;
}

.guest-body--light .search-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .blog-tabs,
.guest-body--light .blog-panel-head {
  background: transparent;
  border-color: #e5e7eb;
}

.guest-body--light .blog-tab {
  border: 1px solid #e5e7eb;
  border-radius: var(--gh-radius-pill);
  background: #ffffff;
  color: var(--gh-color-text-muted);
  box-shadow: none;
}

.guest-body--light .blog-tab.active {
  border-color: var(--gh-color-primary);
  background: var(--gh-color-primary);
  color: #ffffff;
}

.guest-body--light .feat-chip,
.guest-body--light .article-chip {
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary-soft);
  color: var(--gh-color-primary);
  font-weight: var(--fw-bold);
}

.guest-body--light .section-head {
  color: var(--gh-color-text-dark);
  font-weight: var(--fw-bold);
}

.guest-body--light .tos-content-section {
  background: #ffffff;
  padding: 40px 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .tos-content-section {
    padding: 32px 0 56px;
  }
}

.guest-body--light .tos-toc-card,
.guest-body--light .tos-sections-card {
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .tos-toc-card,
  .guest-body--light .tos-sections-card {
    border-radius: 16px;
  }
}

.guest-body--light .tos-toc-title,
.guest-body--light .tos-section h2,
.guest-body--light .tos-section-title {
  color: var(--gh-color-text-dark);
}

.guest-body--light .tos-hero-sub,
.guest-body--light .tos-toc-hint,
.guest-body--light .tos-note-text,
.guest-body--light .tos-section p,
.guest-body--light .tos-section-body {
  color: var(--gh-color-text-muted);
}

.guest-body--light .tos-badge {
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: var(--gh-color-text-dark);
}

.guest-body--light .tos-gradient-text {
  color: var(--gh-color-primary);
  background: none;
  -webkit-text-fill-color: unset;
}

.guest-body--light .login-section {
  background: #f7f8fa;
  min-height: calc(100vh - 80px);
  padding: 40px 20px 80px;
}

.guest-body--light .login-card,
.guest-body--light .signup-card {
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .login-card h1,
.guest-body--light .login-card h2,
.guest-body--light .signup-card h1,
.guest-body--light .signup-card h2 {
  color: var(--gh-color-text-dark);
}

.guest-body--light .login-card a,
.guest-body--light .signup-card a {
  color: var(--gh-color-primary);
}

html:has(.guest-body--light) {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

.guest-body--light .tos-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 64px;
  background: #f7f8fa;
  text-align: center;
  border: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .tos-hero {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.guest-body--light .tos-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .guest-body--light .tos-hero__inner {
    gap: 12px;
  }
}

.guest-body--light .tos-hero__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .guest-body--light .tos-hero__pill {
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
  }
}

.guest-body--light .tos-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .guest-body--light .tos-hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .guest-body--light .tos-hero__title {
    font-size: 2rem;
  }
}

.guest-body--light .tos-hero__accent {
  color: var(--gh-color-primary);
  background: none;
  -webkit-text-fill-color: unset;
}

.guest-body--light .tos-hero__desc {
  margin: 0;
  max-width: 560px;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: var(--fw-regular);
}
@media (max-width: 767px) {
  .guest-body--light .tos-hero__desc {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .tos-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.guest-body--light .tos-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: var(--gh-radius-pill);
  background: #ffffff;
  color: var(--gh-color-text-dark);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}

.guest-body--light .tos-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.guest-body--light .tos-updated {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.guest-body--light .tos-updated strong {
  color: var(--gh-color-text-dark);
  font-weight: var(--fw-semibold);
}

.guest-body--light .tos-content-section {
  background: #ffffff;
  padding: 40px 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .tos-content-section {
    padding: 32px 0 56px;
  }
}

.guest-body--light .tos-toc-wrap {
  position: sticky;
  top: 96px;
}
@media (max-width: 1199px) {
  .guest-body--light .tos-toc-wrap {
    position: static;
  }
}

.guest-body--light .tos-toc-card,
.guest-body--light .tos-sections-card {
  padding: 24px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .tos-toc-card,
  .guest-body--light .tos-sections-card {
    padding: 16px;
    border-radius: 12px;
  }
}

.guest-body--light .tos-toc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.guest-body--light .tos-toc-title {
  margin: 0 0 4px;
  color: var(--gh-color-text-dark);
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .tos-toc-hint {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.guest-body--light .tos-toc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--gh-color-primary);
  color: #ffffff;
  flex-shrink: 0;
  box-shadow: none;
}
.guest-body--light .tos-toc-icon i {
  font-size: 1.125rem;
  line-height: 1;
  color: inherit;
}

.guest-body--light .tos-toc-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

.guest-body--light .tos-toc-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.guest-body--light .tos-toc-link:hover {
  background: #f7f8fa;
}
.guest-body--light .tos-toc-link:hover .tos-toc-link-text {
  color: var(--gh-color-primary);
}
.guest-body--light .tos-toc-link:hover .tos-toc-arrow {
  color: var(--gh-color-primary);
}

.guest-body--light .tos-toc-link-text {
  flex: 1;
  min-width: 0;
  color: var(--gh-color-text-dark);
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: var(--fw-medium);
}

.guest-body--light .tos-toc-arrow {
  flex-shrink: 0;
  color: #94a3b8;
  transition: color 0.2s ease;
}
.guest-body--light .tos-toc-arrow.rotate-180 {
  transform: rotate(180deg);
}

.guest-body--light .tos-toc-link-active {
  background: rgba(29, 78, 216, 0.06);
}
.guest-body--light .tos-toc-link-active .tos-toc-link-text,
.guest-body--light .tos-toc-link-active .tos-toc-arrow {
  color: var(--gh-color-primary);
}

.guest-body--light .tos-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #fde68a;
  border-radius: 12px;
  background: #fffbeb;
}

.guest-body--light .tos-note-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  flex-shrink: 0;
}

.guest-body--light .tos-note-title {
  display: block;
  margin-bottom: 4px;
  color: #92400e;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .tos-note-text {
  margin: 0;
  color: #b45309;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.guest-body--light .tos-section {
  scroll-margin-top: 90px;
}

.guest-body--light .tos-section-divider {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.guest-body--light .tos-section-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.guest-body--light .tos-section-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(29, 78, 216, 0.08);
  color: var(--gh-color-primary);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  flex-shrink: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .tos-section-num {
    width: 32px;
    height: 32px;
    font-size: 0.8125rem;
  }
}

.guest-body--light .tos-section-body {
  flex: 1;
  min-width: 0;
}

.guest-body--light .tos-section-title {
  margin: 0 0 8px;
  color: var(--gh-color-text-dark);
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .guest-body--light .tos-section-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.guest-body--light .tos-section-text {
  margin: 0;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.guest-body--light .tos-section-text strong {
  color: var(--gh-color-text-dark);
  font-weight: var(--fw-semibold);
}

.guest-body--light .tos-back-wrap {
  padding-top: 8px;
}

.guest-body--light .tos-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 24px;
  border: 0;
  border-radius: var(--gh-radius-pill);
  background: var(--gh-color-primary);
  color: #ffffff;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.guest-body--light .tos-back-btn i {
  font-size: 0.875rem;
  line-height: 1;
  color: inherit;
}
.guest-body--light .tos-back-btn:hover {
  background: #1740b6;
  color: #ffffff;
}

.guest-body--light .blog-hero {
  padding-right: var(--gh-home-gutter);
  padding-left: var(--gh-home-gutter);
  padding-top: 80px;
  padding-bottom: 64px;
  background: #f7f8fa;
  text-align: center;
  border: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.guest-body--light .blog-hero__inner {
  width: min(100%, 1280px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero__inner {
    gap: 12px;
  }
}

.guest-body--light .blog-hero__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero__pill {
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
  }
}

.guest-body--light .blog-hero__title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 3rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
@media (max-width: 1199px) {
  .guest-body--light .blog-hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero__title {
    font-size: 2rem;
  }
}

.guest-body--light .blog-hero__accent {
  color: var(--gh-color-primary);
}

.guest-body--light .blog-hero__desc {
  margin: 0;
  max-width: 560px;
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.6rem;
}
@media (max-width: 767px) {
  .guest-body--light .blog-hero__desc {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.guest-body--light .search-section {
  background: #ffffff;
  padding: 40px 0 24px;
}

.guest-body--light .search-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
}
.guest-body--light .search-card > i {
  font-size: 1.125rem;
  color: #94a3b8;
  flex-shrink: 0;
}
.guest-body--light .search-card input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--gh-color-text-dark);
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  font-family: inherit;
}
.guest-body--light .search-card input::placeholder {
  color: #94a3b8;
}

.guest-body--light .blog-section {
  background: #ffffff;
  padding: 0 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .blog-section {
    padding-bottom: 56px;
  }
}
.guest-body--light .blog-section .row,
.guest-body--light .blog-section #blogCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
@media (max-width: 991px) {
  .guest-body--light .blog-section .row,
  .guest-body--light .blog-section #blogCards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .guest-body--light .blog-section .row,
  .guest-body--light .blog-section #blogCards {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
.guest-body--light .blog-section .row > [class*=col-],
.guest-body--light .blog-section #blogCards > [class*=col-],
.guest-body--light .blog-section .blog-card-col {
  width: 100%;
  max-width: none;
  padding: 0;
  flex: none;
}

.guest-body--light .blog-intro-block {
  padding: 24px;
  margin-bottom: 28px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f7f8fa;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  box-shadow: none;
}

.guest-body--light .section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--gh-color-text-dark);
}
.guest-body--light .section-head h2 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
  color: inherit;
}
.guest-body--light .section-head > i {
  color: var(--gh-color-primary);
}

.guest-body--light .featured-card {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}
@media (max-width: 991px) {
  .guest-body--light .featured-card {
    grid-template-columns: 1fr;
  }
}
.guest-body--light .featured-card .feat-img {
  min-height: 280px;
  background-size: cover;
  background-position: center;
}
.guest-body--light .featured-card .feat-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
}
@media (max-width: 767px) {
  .guest-body--light .featured-card .feat-body {
    padding: 20px;
  }
}
.guest-body--light .featured-card h2 {
  margin: 0 0 12px;
  color: var(--gh-color-text-dark);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .feat-img-gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  color: rgba(255, 255, 255, 0.5);
}

.guest-body--light .feat-img-inner {
  font-size: 3rem;
  opacity: 0.5;
}

.guest-body--light .feat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.guest-body--light .feat-chip {
  padding: 4px 10px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.08);
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.guest-body--light .feat-excerpt {
  display: -webkit-box;
  margin-bottom: 20px;
  overflow: hidden;
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.guest-body--light .feat-excerpt p {
  margin: 0;
}

.guest-body--light .feat-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.guest-body--light .blog-panel {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

.guest-body--light .blog-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
  background: transparent;
}
.guest-body--light .blog-panel-head h3 {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: var(--fw-bold);
}
.guest-body--light .blog-panel-head > i {
  color: var(--gh-color-primary);
  font-size: 1.25rem;
}

.guest-body--light .blog-panel-body {
  padding: 20px 24px 28px;
}
@media (max-width: 767px) {
  .guest-body--light .blog-panel-body {
    padding: 16px;
  }
}

.guest-body--light .blog-tabs-wrap {
  margin-bottom: 24px;
  overflow-x: auto;
}

.guest-body--light .blog-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 0;
  background: transparent;
}

.guest-body--light .blog-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid #e2e8f0;
  border-radius: var(--gh-radius-pill);
  background: #ffffff;
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  font-family: inherit;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.guest-body--light .blog-tab.active {
  border-color: var(--gh-color-primary);
  background: var(--gh-color-primary);
  color: #ffffff;
}

.guest-body--light .blog-card {
  overflow: hidden;
  height: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.guest-body--light .blog-card:hover {
  transform: translateY(-2px);
  border-color: rgba(29, 78, 216, 0.35);
  box-shadow: none;
}
.guest-body--light .blog-card .card-img {
  height: 180px;
  background-size: cover;
  background-position: center;
}
.guest-body--light .blog-card .card-body {
  display: flex;
  flex-direction: column;
  height: calc(100% - 180px);
  padding: 20px;
}
.guest-body--light .blog-card h3 {
  margin: 0 0 10px;
  color: var(--gh-color-text-dark);
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: var(--fw-bold);
}

.guest-body--light .card-img-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.55);
}

.guest-body--light .ci-1 {
  background: linear-gradient(135deg, #1d4ed8, #3b82f6);
}

.guest-body--light .ci-2 {
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
}

.guest-body--light .ci-3 {
  background: linear-gradient(135deg, #dc2626, #f87171);
}

.guest-body--light .ci-4 {
  background: linear-gradient(135deg, #0891b2, #22d3ee);
}

.guest-body--light .ci-5 {
  background: linear-gradient(135deg, #059669, #34d399);
}

.guest-body--light .ci-6 {
  background: linear-gradient(135deg, #d97706, #fbbf24);
}

.guest-body--light .card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.guest-body--light .card-chip {
  padding: 4px 10px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.08);
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}
.guest-body--light .card-chip.chip-tt {
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
}
.guest-body--light .card-chip.chip-yt {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
}
.guest-body--light .card-chip.chip-tg {
  background: rgba(8, 145, 178, 0.08);
  color: #0891b2;
}

.guest-body--light .blog-card-excerpt {
  display: -webkit-box;
  flex: 1;
  margin-bottom: 16px;
  overflow: hidden;
  color: var(--gh-color-text-muted);
  font-size: 0.875rem;
  line-height: 1.3125rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.guest-body--light .blog-card-excerpt p {
  margin: 0;
}

.guest-body--light .card-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
}

.guest-body--light .card-read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gh-color-primary);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  text-decoration: none;
}
.guest-body--light .card-read-more:hover {
  color: #1740b6;
}

.guest-body--light .pp-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.guest-body--light .pp-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  color: var(--gh-color-text-dark);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.guest-body--light .pp-page-btn:hover, .guest-body--light .pp-page-btn.active {
  border-color: var(--gh-color-primary);
  background: var(--gh-color-primary);
  color: #ffffff;
}

.guest-body--light .post-section {
  background: #ffffff;
  padding: 24px 0 64px;
}

.guest-body--light .related-section {
  background: #f7f8fa;
  padding: 40px 0 80px;
}
@media (max-width: 767px) {
  .guest-body--light .related-section {
    padding: 32px 0 56px;
  }
}
.guest-body--light .related-section .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
@media (max-width: 991px) {
  .guest-body--light .related-section .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .guest-body--light .related-section .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
.guest-body--light .related-section .row > [class*=col-] {
  width: 100%;
  max-width: none;
  padding: 0;
  flex: none;
}

.guest-body--light .btn-return {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  margin-bottom: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  color: var(--gh-color-text-muted);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.guest-body--light .btn-return:hover {
  border-color: var(--gh-color-primary);
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-primary);
}

.guest-body--light .article-card {
  padding: 32px;
  margin-bottom: 0;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}
@media (max-width: 767px) {
  .guest-body--light .article-card {
    padding: 20px;
    border-radius: 12px;
  }
}

.guest-body--light .article-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .guest-body--light .article-header {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.guest-body--light .article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.guest-body--light .meta-platform {
  padding: 4px 10px;
  border-radius: var(--gh-radius-pill);
  background: rgba(29, 78, 216, 0.08);
  color: var(--gh-color-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
}

.guest-body--light .article-title {
  margin: 0;
  color: var(--gh-color-text-dark);
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: var(--fw-bold);
}
@media (max-width: 767px) {
  .guest-body--light .article-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

.guest-body--light .cover-img {
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}

.guest-body--light .ci-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 3rem;
}

.guest-body--light .article-divider {
  margin: 0 0 28px;
  border: 0;
  border-top: 1px solid #e2e8f0;
}

.guest-body--light .post-body {
  color: var(--gh-color-text-muted);
  font-size: 1rem;
  line-height: 1.75rem;
}
.guest-body--light .post-body p {
  margin-bottom: 16px;
}
.guest-body--light .post-body h2 {
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
  color: var(--gh-color-text-dark);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--fw-bold);
}
.guest-body--light .post-body h3 {
  margin: 22px 0 10px;
  color: var(--gh-color-text-dark);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  font-weight: var(--fw-bold);
}
.guest-body--light .post-body strong {
  color: var(--gh-color-text-dark);
}
.guest-body--light .post-body img {
  max-width: 100%;
  margin: 20px 0;
  border-radius: 12px;
}
.guest-body--light .post-body blockquote {
  margin: 20px 0;
  padding: 12px 18px;
  border-left: 3px solid var(--gh-color-primary);
  border-radius: 0 10px 10px 0;
  background: rgba(29, 78, 216, 0.04);
  color: var(--gh-color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-style: italic;
}

.pp-main .pp-child-panel-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991px) {
  .pp-main .pp-child-panel-page {
    gap: 20px;
  }
}

.pp-main .cp-info-banner {
  padding: 14px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: rgba(29, 78, 216, 0.06);
  color: var(--pp-text);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.pp-main .cp-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  box-shadow: none;
}
@media (max-width: 991px) {
  .pp-main .cp-hero {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
  }
}

.pp-main .cp-hero-inner {
  flex: 1;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.pp-main .cp-hero-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 12px;
  border-radius: var(--gh-radius-pill, 999px);
  background: rgba(29, 78, 216, 0.08);
  color: var(--pp-primary);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
}

.pp-main .cp-hero-title {
  margin: 0 0 12px;
  color: var(--pp-text);
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: var(--fw-extrabold);
}
@media (max-width: 767px) {
  .pp-main .cp-hero-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

.pp-main .cp-hero-gradient {
  background: none;
  color: var(--pp-primary);
  -webkit-text-fill-color: unset;
}

.pp-main .cp-hero-desc {
  max-width: 560px;
  margin: 0 0 16px;
  color: var(--pp-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5rem;
}

.pp-main .cp-hero-stars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.pp-main .cp-hero-stars i {
  color: #f59e0b;
  font-size: 0.875rem;
}

.pp-main .cp-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pp-main .cp-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: var(--gh-radius-pill, 999px);
  background: #f7f8fa;
  color: var(--pp-text);
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: var(--fw-semibold);
}
.pp-main .cp-hero-tag i {
  color: var(--pp-primary);
}

.pp-main .cp-hero-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 16px;
  background: rgba(29, 78, 216, 0.08);
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .pp-main .cp-hero-art {
    display: none;
  }
}

.pp-main .cp-hero-circle {
  display: none;
}

.pp-main .cp-hero-icon {
  position: static;
  transform: none;
  color: var(--pp-primary);
  font-size: 2.25rem;
}

.pp-main .cp-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1199px) {
  .pp-main .cp-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .pp-main .cp-features {
    grid-template-columns: 1fr;
  }
}

.pp-main .cp-feature-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.pp-main .cp-feature-card:hover {
  transform: translateY(-2px);
  border-color: rgba(29, 78, 216, 0.25);
}

.pp-main .cp-feature-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  font-size: 1.125rem;
  flex-shrink: 0;
}

.pp-main .cp-fi-blue,
.pp-main .cp-fi-cyan {
  background: rgba(29, 78, 216, 0.1);
  color: var(--pp-primary);
}

.pp-main .cp-fi-pink {
  background: rgba(242, 85, 111, 0.1);
  color: #e11d48;
}

.pp-main .cp-fi-orange {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
}

.pp-main .cp-fi-purple {
  background: rgba(124, 58, 237, 0.1);
  color: #7c3aed;
}

.pp-main .cp-fi-green {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}

.pp-main .cp-feature-title {
  margin-bottom: 4px;
  color: var(--pp-text);
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: var(--fw-bold);
}

.pp-main .cp-feature-desc {
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.pp-main .cp-card {
  padding: 28px;
}
@media (max-width: 767px) {
  .pp-main .cp-card {
    padding: 20px 16px;
  }
}

.pp-main .cp-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
  color: var(--pp-text);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  font-weight: var(--fw-bold);
}
.pp-main .cp-card-head i {
  color: var(--pp-primary);
  font-size: 1.125rem;
}

.pp-main .cp-form-sub {
  margin: 0 0 24px;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.pp-main .cp-field {
  margin-bottom: 20px;
}

.pp-main .cp-label {
  display: block;
  margin-bottom: 7px;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: var(--fw-semibold);
}

.pp-main .cp-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.pp-main .cp-input-icon {
  position: absolute;
  left: 14px;
  color: #94a3b8;
  font-size: 0.9375rem;
  pointer-events: none;
}

.pp-main .cp-input {
  width: 100%;
  height: 46px;
  padding: 0 44px 0 42px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  color: var(--pp-text);
  font-size: 0.875rem;
  line-height: normal;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pp-main .cp-input:focus {
  border-color: var(--pp-primary);
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.12);
}

.pp-main .cp-pw-toggle {
  position: absolute;
  right: 12px;
  padding: 4px;
  border: 0;
  background: none;
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.pp-main .cp-pw-toggle:hover {
  color: var(--pp-primary);
}

.pp-main .cp-ns-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  padding: 14px 18px;
  border: 1px solid rgba(29, 78, 216, 0.2);
  border-radius: 10px;
  background: rgba(29, 78, 216, 0.06);
}

.pp-main .cp-ns-head {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--pp-primary);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: var(--fw-semibold);
}

.pp-main .cp-ns-list {
  margin: 0;
  padding-left: 20px;
}
.pp-main .cp-ns-list li {
  padding: 2px 0;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.pp-main .cp-pricing-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  padding: 16px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f7f8fa;
}
@media (max-width: 767px) {
  .pp-main .cp-pricing-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.pp-main .cp-price-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 10px;
  background: var(--pp-primary);
}

.pp-main .cp-price-val {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: normal;
  font-weight: var(--fw-extrabold);
}

.pp-main .cp-price-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pp-main .cp-price-meta span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.pp-main .cp-price-meta i {
  color: #94a3b8;
}

.pp-main .cp-select-wrap {
  position: relative;
}

.pp-main .cp-select {
  width: 100%;
  height: 46px;
  padding: 0 38px 0 14px;
  border: 1px solid var(--pp-border);
  border-radius: 10px;
  background: var(--pp-input-bg);
  color: var(--pp-text);
  font-size: 0.875rem;
  line-height: normal;
  font-family: inherit;
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease;
}
.pp-main .cp-select:focus {
  border-color: var(--pp-primary);
}

.pp-main .cp-select-caret {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 0.8125rem;
  pointer-events: none;
}

.pp-main .cp-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.pp-main .cp-alert i {
  flex-shrink: 0;
  margin-top: 2px;
}

.pp-main .cp-alert-danger {
  border: 1px solid rgba(242, 85, 111, 0.25);
  background: rgba(242, 85, 111, 0.08);
  color: #be123c;
}

.pp-main .cp-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  padding: 14px;
  border: 0;
  border-radius: 12px;
  background: var(--pp-primary);
  color: #ffffff;
  font-size: 0.9375rem;
  line-height: normal;
  font-weight: var(--fw-bold);
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.pp-main .cp-submit-btn:hover {
  background: #1740b6;
  opacity: 1;
}

.pp-main .cp-included-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 24px;
}
@media (max-width: 1199px) {
  .pp-main .cp-included-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .pp-main .cp-included-grid {
    grid-template-columns: 1fr;
  }
}

.pp-main .cp-included-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.pp-main .cp-included-item i {
  color: #10b981;
  font-size: 0.9375rem;
  flex-shrink: 0;
}

.pp-main .cp-faq-item {
  border-bottom: 1px solid #e2e8f0;
}
.pp-main .cp-faq-item:last-child {
  border-bottom: 0;
}

.pp-main .cp-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 14px 0;
  border: 0;
  background: none;
  color: var(--pp-text);
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: var(--fw-semibold);
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.pp-main .cp-faq-q:hover, .pp-main .cp-faq-q.open {
  color: var(--pp-primary);
}

.pp-main .cp-faq-caret {
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.pp-main .cp-faq-q.open .cp-faq-caret {
  transform: rotate(180deg);
}

.pp-main .cp-faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
.pp-main .cp-faq-a.open {
  max-height: 320px;
}
.pp-main .cp-faq-a p {
  margin: 0;
  padding-bottom: 14px;
  color: var(--pp-text-muted);
  font-size: 0.8125rem;
  line-height: 1.375rem;
}

[dir=rtl] .pp-main .cp-input-icon {
  left: auto;
  right: 14px;
}

[dir=rtl] .pp-main .cp-input {
  padding: 0 42px 0 44px;
}

[dir=rtl] .pp-main .cp-pw-toggle {
  right: auto;
  left: 12px;
}

[dir=rtl] .pp-main .cp-select {
  padding: 0 14px 0 38px;
}

[dir=rtl] .pp-main .cp-select-caret {
  right: auto;
  left: 14px;
}

[dir=rtl] .pp-main .cp-ns-list {
  padding-left: 0;
  padding-right: 20px;
}

[dir=rtl] .pp-main .cp-faq-q {
  text-align: right;
}

/* ─── Dashboard dark mode — shared overrides for all pp-main pages ─── */
[data-bs-theme=dark] body.pp-body .pp-lang-menu,
[data-bs-theme=dark] body.pp-body .dropdown-menu {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}
[data-bs-theme=dark] body.pp-body .pp-lang-menu .dropdown-item,
[data-bs-theme=dark] body.pp-body .dropdown-menu .dropdown-item {
  color: var(--pp-text);
}
[data-bs-theme=dark] body.pp-body .pp-lang-menu .dropdown-item:hover, [data-bs-theme=dark] body.pp-body .pp-lang-menu .dropdown-item:focus,
[data-bs-theme=dark] body.pp-body .dropdown-menu .dropdown-item:hover,
[data-bs-theme=dark] body.pp-body .dropdown-menu .dropdown-item:focus {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
[data-bs-theme=dark] body.pp-body .pp-lang-menu .dropdown-item.active, [data-bs-theme=dark] body.pp-body .pp-lang-menu .dropdown-item:active,
[data-bs-theme=dark] body.pp-body .dropdown-menu .dropdown-item.active,
[data-bs-theme=dark] body.pp-body .dropdown-menu .dropdown-item:active {
  background: var(--pp-info-bg);
  color: var(--pp-primary);
}
[data-bs-theme=dark] body.pp-body .modal-content {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] body.pp-body .modal-header,
[data-bs-theme=dark] body.pp-body .modal-footer {
  border-color: var(--pp-border);
}
[data-bs-theme=dark] body.pp-body .btn-close {
  filter: invert(1) grayscale(1);
  opacity: 0.72;
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal {
  --pp-modal-text: var(--pp-text);
  --pp-modal-muted: var(--pp-text-muted);
  --pp-modal-border: var(--pp-border);
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal__content {
  background: var(--pp-surface) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal__card {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal__badge--cancel {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.28);
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal__btn--ghost {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] body.pp-body .pp-order-confirm-modal__btn--ghost:hover {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
[data-bs-theme=dark] body.pp-body .ac-toggle-track {
  background: var(--pp-text-soft);
}
@media (max-width: 991px) {
  [data-bs-theme=dark] body.pp-body .ac-toggle-track {
    background: var(--pp-text-soft);
  }
}
[data-bs-theme=dark] .pp-main {
  /* ── Shared surfaces ── */
}
[data-bs-theme=dark] .pp-main .pp-status-tab:not(.active),
[data-bs-theme=dark] .pp-main .pp-orders-search,
[data-bs-theme=dark] .pp-main .pp-orders-table-wrap,
[data-bs-theme=dark] .pp-main .pp-orders-wrap,
[data-bs-theme=dark] .pp-main .pp-modal-content,
[data-bs-theme=dark] .pp-main .pp-modal-input,
[data-bs-theme=dark] .pp-main .pp-page-btn,
[data-bs-theme=dark] .pp-main .pp-new-order-form-card,
[data-bs-theme=dark] .pp-main .pp-side-card,
[data-bs-theme=dark] .pp-main .pp-new-order-text,
[data-bs-theme=dark] .pp-main .pp-info-card,
[data-bs-theme=dark] .pp-main .pp-massorder-form-card,
[data-bs-theme=dark] .pp-main .pp-massorder-import,
[data-bs-theme=dark] .pp-main .pp-massorder-recent,
[data-bs-theme=dark] .pp-main .pp-massorder-ref,
[data-bs-theme=dark] .pp-main .pp-massorder-notes,
[data-bs-theme=dark] .pp-main .pp-addfunds-balance,
[data-bs-theme=dark] .pp-main .pp-addfunds-compose,
[data-bs-theme=dark] .pp-main .pp-addfunds-form,
[data-bs-theme=dark] .pp-main .pp-addfunds-summary,
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus,
[data-bs-theme=dark] .pp-main .pp-addfunds-tip,
[data-bs-theme=dark] .pp-main .pp-addfunds-history,
[data-bs-theme=dark] .pp-main .ac-card,
[data-bs-theme=dark] .pp-main .ac-tab-panel,
[data-bs-theme=dark] .pp-main .ac-notif-column,
[data-bs-theme=dark] .pp-main .ac-profile-layout__side,
[data-bs-theme=dark] .pp-main .ac-security-layout__side,
[data-bs-theme=dark] .pp-main .ac-api-layout__side,
[data-bs-theme=dark] .pp-main .ac-field input,
[data-bs-theme=dark] .pp-main .ac-field select,
[data-bs-theme=dark] .pp-main .ac-field textarea,
[data-bs-theme=dark] .pp-main .ac-api-key-box,
[data-bs-theme=dark] .pp-main .ac-modal,
[data-bs-theme=dark] .pp-main .ac-modal__dialog,
[data-bs-theme=dark] .pp-main .pp-balance-card,
[data-bs-theme=dark] .pp-main .pp-summary-card,
[data-bs-theme=dark] .pp-main .pp-quick-amount,
[data-bs-theme=dark] .pp-main .pp-services-table,
[data-bs-theme=dark] .pp-main .pp-notif-table-wrap,
[data-bs-theme=dark] .pp-main .pp-child-panel-order-card,
[data-bs-theme=dark] .pp-main .pp-child-panel-feature,
[data-bs-theme=dark] .pp-main .pp-child-panel-card,
[data-bs-theme=dark] .pp-main .pp-upd-card,
[data-bs-theme=dark] .pp-main .pp-upd-filter-pill,
[data-bs-theme=dark] .pp-main .pp-af-stat-card,
[data-bs-theme=dark] .pp-main .pp-af-step-card,
[data-bs-theme=dark] .pp-main .pp-af-pay-card,
[data-bs-theme=dark] .pp-main .pp-af-ref-card,
[data-bs-theme=dark] .pp-main .pp-vt-card,
[data-bs-theme=dark] .pp-main .pp-vt-compose,
[data-bs-theme=dark] .pp-main .pp-vt-thread,
[data-bs-theme=dark] .pp-main .pp-vt-sidebar-card,
[data-bs-theme=dark] .pp-main .vt-info-card,
[data-bs-theme=dark] .pp-main .vt-thread-card,
[data-bs-theme=dark] .pp-main .vt-reply-card,
[data-bs-theme=dark] .pp-main .pp-parse-preview,
[data-bs-theme=dark] .pp-main .pp-format-card,
[data-bs-theme=dark] .pp-main .pp-help-card,
[data-bs-theme=dark] .pp-main .pp-warn-card,
[data-bs-theme=dark] .pp-main .pp-platform,
[data-bs-theme=dark] .pp-main .pp-detail-block,
[data-bs-theme=dark] .pp-main .pp-empty-state {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr,
[data-bs-theme=dark] .pp-main .pp-notif-table tbody tr,
[data-bs-theme=dark] .pp-main .pp-services-table tbody tr,
[data-bs-theme=dark] .pp-main .pp-massorder-recent tbody tr,
[data-bs-theme=dark] .pp-main .pp-af-history-table tbody tr {
  background: var(--pp-surface);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-orders-table td,
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:hover td,
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:not(.pp-empty-row) td {
  background: transparent !important;
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:not(.pp-empty-row) td::before {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:hover {
  background: var(--pp-surface-hover);
}
[data-bs-theme=dark] .pp-main {
  /* ── Table / card row hover ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:not(.pp-empty-row):hover,
[data-bs-theme=dark] .pp-main .tk-table tbody tr:hover,
[data-bs-theme=dark] .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row):hover,
[data-bs-theme=dark] .pp-main .pp-services-table tbody tr.svc-tr:hover,
[data-bs-theme=dark] .pp-main .pp-notif-table tbody tr:hover,
[data-bs-theme=dark] .pp-main .pp-table tbody tr:hover,
[data-bs-theme=dark] .pp-main .pp-af-history-table tbody tr:hover {
  background: var(--pp-surface-hover) !important;
}
[data-bs-theme=dark] .pp-main .tk-table tbody tr:hover td,
[data-bs-theme=dark] .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row):hover td,
[data-bs-theme=dark] .pp-main .pp-notif-table tbody tr:hover td,
[data-bs-theme=dark] .pp-main .pp-services-table tbody tr.svc-tr:hover td,
[data-bs-theme=dark] .pp-main .pp-table tbody tr:hover td {
  background: transparent !important;
}
@media (max-width: 991px) {
  [data-bs-theme=dark] .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row),
  [data-bs-theme=dark] .pp-main .pp-orders-page .pp-orders-table tbody tr:not(.pp-empty-row),
  [data-bs-theme=dark] .pp-main .af-card .pp-table tbody tr {
    background: var(--pp-surface) !important;
    border-color: var(--pp-border) !important;
  }
  [data-bs-theme=dark] .pp-main .tk-table.pp-orders-table tbody tr:not(.pp-empty-row):hover,
  [data-bs-theme=dark] .pp-main .pp-orders-page .pp-orders-table tbody tr:not(.pp-empty-row):hover,
  [data-bs-theme=dark] .pp-main .af-card .pp-table tbody tr:hover {
    background: var(--pp-surface-hover) !important;
  }
}
[data-bs-theme=dark] .pp-main .pp-quick-amount:hover,
[data-bs-theme=dark] .pp-main .pp-massorder-recent__item:hover,
[data-bs-theme=dark] .pp-main .tk-action-card:hover,
[data-bs-theme=dark] .pp-main .tk-feat-card:hover {
  background: var(--pp-surface-hover);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-orders-table thead th,
[data-bs-theme=dark] .pp-main .pp-notif-table thead th,
[data-bs-theme=dark] .pp-main .pp-services-table thead th,
[data-bs-theme=dark] .pp-main .pp-massorder-recent thead th,
[data-bs-theme=dark] .pp-main .pp-parse-preview-head,
[data-bs-theme=dark] .pp-main .pp-parse-table th {
  background: var(--pp-surface-muted);
  color: var(--pp-text-muted);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody td,
[data-bs-theme=dark] .pp-main .pp-notif-table tbody td,
[data-bs-theme=dark] .pp-main .pp-services-table tbody td {
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-table .id-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table .date-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table .charge-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table .qty-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table .start-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table .remains-cell,
[data-bs-theme=dark] .pp-main .pp-orders-table td.col-service {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-table .date-cell .time,
[data-bs-theme=dark] .pp-main .pp-orders-table .link-cell a {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main {
  /* ── Info / alert banners ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-info,
[data-bs-theme=dark] .pp-main .pp-addfunds-alert,
[data-bs-theme=dark] .pp-main .pp-info-card,
[data-bs-theme=dark] .pp-main .pp-help-card,
[data-bs-theme=dark] .pp-main .pp-format-sample {
  background: var(--pp-info-bg);
  border-color: var(--pp-info-border);
  color: var(--pp-info-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-info__title,
[data-bs-theme=dark] .pp-main .pp-info-card__title {
  color: var(--pp-info-title);
}
[data-bs-theme=dark] .pp-main .pp-orders-info__list li,
[data-bs-theme=dark] .pp-main .pp-orders-info__bullet {
  color: var(--pp-info-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Search / inputs ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-search__input,
[data-bs-theme=dark] .pp-main .pp-orders-search__field,
[data-bs-theme=dark] .pp-main .pp-addfunds-select,
[data-bs-theme=dark] .pp-main .pp-addfunds-field input,
[data-bs-theme=dark] .pp-main .pp-addfunds-field select,
[data-bs-theme=dark] .pp-main .pp-addfunds-field textarea,
[data-bs-theme=dark] .pp-main .pp-account-field input,
[data-bs-theme=dark] .pp-main .pp-account-field select,
[data-bs-theme=dark] .pp-main .pp-account-field textarea,
[data-bs-theme=dark] .pp-main .pp-account-api-input,
[data-bs-theme=dark] .pp-main .pp-massorder-textarea,
[data-bs-theme=dark] .pp-main .pp-vt-reply-input,
[data-bs-theme=dark] .pp-main .pp-vt-reply textarea,
[data-bs-theme=dark] .pp-main .pp-amount-input,
[data-bs-theme=dark] .pp-main .pp-textarea,
[data-bs-theme=dark] .pp-main .pp-parse-preview-search input {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-search__input::placeholder,
[data-bs-theme=dark] .pp-main .pp-addfunds-field input::placeholder,
[data-bs-theme=dark] .pp-main .pp-account-field input::placeholder,
[data-bs-theme=dark] .pp-main .pp-massorder-textarea::placeholder,
[data-bs-theme=dark] .pp-main .pp-vt-reply-input::placeholder {
  color: var(--pp-text-soft);
}
[data-bs-theme=dark] .pp-main {
  /* ── Native selects — closed field + OS dropdown list ── */
}
[data-bs-theme=dark] .pp-main select,
[data-bs-theme=dark] .pp-main select.pp-select,
[data-bs-theme=dark] .pp-main #fields select,
[data-bs-theme=dark] .pp-main .ac-select,
[data-bs-theme=dark] .pp-main .ac-quiet-hours__select,
[data-bs-theme=dark] .pp-main .tk-select,
[data-bs-theme=dark] .pp-main .cp-select,
[data-bs-theme=dark] .pp-main .pp-addfunds-select select {
  color: var(--pp-text);
  background-color: var(--pp-input-bg);
  border-color: var(--pp-border);
  color-scheme: dark;
}
[data-bs-theme=dark] .pp-main select option,
[data-bs-theme=dark] .pp-main select optgroup {
  background-color: var(--pp-surface);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .ac-input:focus,
[data-bs-theme=dark] .pp-main .ac-select:focus,
[data-bs-theme=dark] .pp-main .ac-textarea:focus {
  background-color: var(--pp-input-bg) !important;
  border-color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-select select {
  background-color: var(--pp-surface-muted) !important;
}
[data-bs-theme=dark] .pp-main {
  /* ── Status tabs ── */
}
[data-bs-theme=dark] .pp-main .pp-status-tab:not(.active) {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-status-tab:not(.active):hover {
  border-color: #334155;
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Pagination ── */
}
[data-bs-theme=dark] .pp-main .pp-page-btn,
[data-bs-theme=dark] .pp-main .pp-orders-pagination .page-link,
[data-bs-theme=dark] .pp-main .pp-services-pagination .page-link {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-page-btn:hover,
[data-bs-theme=dark] .pp-main .pp-orders-pagination .page-link:hover,
[data-bs-theme=dark] .pp-main .pp-services-pagination .page-link:hover {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-page-btn.active,
[data-bs-theme=dark] .pp-main .pp-page-btn.is-active,
[data-bs-theme=dark] .pp-main .pp-orders-pagination .page-item.active .page-link,
[data-bs-theme=dark] .pp-main .pp-services-pagination .page-item.active .page-link {
  background: var(--pp-primary);
  border-color: var(--pp-primary);
  color: #f8fafc;
}
[data-bs-theme=dark] .pp-main {
  /* ── Mobile stacked order rows ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-table-wrap,
[data-bs-theme=dark] .pp-main .pp-orders-wrap {
  background: transparent;
  border-color: transparent;
}
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr:not(.pp-empty-row) {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  box-shadow: none;
}
[data-bs-theme=dark] .pp-main {
  /* ── Account (ac-*) ── */
}
[data-bs-theme=dark] .pp-main .ac-card__head h2,
[data-bs-theme=dark] .pp-main .ac-card__head-heading h2,
[data-bs-theme=dark] .pp-main .ac-card__title,
[data-bs-theme=dark] .pp-main .ac-field__label,
[data-bs-theme=dark] .pp-main .ac-api-key-label,
[data-bs-theme=dark] .pp-main .pp-addfunds-form__title,
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__title,
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__title,
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__amt {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .ac-card__head p,
[data-bs-theme=dark] .pp-main .ac-field__hint,
[data-bs-theme=dark] .pp-main .pp-addfunds-form__sub,
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__label,
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__meta,
[data-bs-theme=dark] .pp-main .pp-addfunds-field__label,
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__row,
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__row,
[data-bs-theme=dark] .pp-main .pp-addfunds-tip__text {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── Tab bars — never paint a strip background in dark ── */
}
[data-bs-theme=dark] .pp-main .pp-tabs,
[data-bs-theme=dark] .pp-main .ac-tabs,
[data-bs-theme=dark] .pp-main .pp-services-tabs,
[data-bs-theme=dark] .pp-main .pp-new-order-page .pp-tabs,
[data-bs-theme=dark] .pp-main .tk-ftabs {
  background: transparent !important;
  border: 0;
  box-shadow: none;
}
[data-bs-theme=dark] .pp-main .pp-tab,
[data-bs-theme=dark] .pp-main .ac-tab,
[data-bs-theme=dark] .pp-main .pp-services-tab,
[data-bs-theme=dark] .pp-main .tk-ftab {
  background: transparent !important;
  border-color: transparent;
  box-shadow: none;
}
[data-bs-theme=dark] .pp-main .pp-tab:not(.active),
[data-bs-theme=dark] .pp-main .ac-tab:not(.active),
[data-bs-theme=dark] .pp-main .pp-services-tab:not(.active),
[data-bs-theme=dark] .pp-main .tk-ftab:not(.active) {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-tab.active,
[data-bs-theme=dark] .pp-main .ac-tab.active,
[data-bs-theme=dark] .pp-main .pp-services-tab.active,
[data-bs-theme=dark] .pp-main .tk-ftab.active {
  color: var(--pp-primary);
  background: transparent !important;
}
[data-bs-theme=dark] .pp-main {
  /* ── Search / inputs ── */
}
[data-bs-theme=dark] .pp-main .ac-code-block,
[data-bs-theme=dark] .pp-main .ac-input-copy {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Bootstrap alerts inside dashboard ── */
}
[data-bs-theme=dark] .pp-main .alert-success {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.28);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .alert-danger,
[data-bs-theme=dark] .pp-main .alert-error {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}
[data-bs-theme=dark] .pp-main .alert-warning {
  background: rgba(234, 179, 8, 0.12);
  border-color: rgba(234, 179, 8, 0.28);
  color: #fde047;
}
[data-bs-theme=dark] .pp-main .alert-info {
  background: var(--pp-info-bg);
  border-color: var(--pp-info-border);
  color: var(--pp-info-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Text hardcoded to light palette ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-table .pp-orders-id,
[data-bs-theme=dark] .pp-main .pp-orders-table .pp-orders-link,
[data-bs-theme=dark] .pp-main .pp-orders-table tbody tr td,
[data-bs-theme=dark] .pp-main .pp-services-table .svc-name,
[data-bs-theme=dark] .pp-main .pp-services-table .svc-id,
[data-bs-theme=dark] .pp-main .pp-account-title,
[data-bs-theme=dark] .pp-main .pp-account-section-title,
[data-bs-theme=dark] .pp-main .pp-account-label,
[data-bs-theme=dark] .pp-main .pp-account-value,
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__label,
[data-bs-theme=dark] .pp-main .pp-addfunds-method__name,
[data-bs-theme=dark] .pp-main .pp-side-title,
[data-bs-theme=dark] .pp-main .pp-detail-title,
[data-bs-theme=dark] .pp-main .pp-new-order-form-card__title,
[data-bs-theme=dark] .pp-main .pp-massorder-form-card__title,
[data-bs-theme=dark] .pp-main .pp-child-panel-card__title,
[data-bs-theme=dark] .pp-main .pp-upd-card__title,
[data-bs-theme=dark] .pp-main .pp-af-stat-card__value,
[data-bs-theme=dark] .pp-main .pp-vt-subject,
[data-bs-theme=dark] .pp-main .pp-vt-meta,
[data-bs-theme=dark] .pp-main .pp-modal-header h3,
[data-bs-theme=dark] .pp-main .pp-modal-body,
[data-bs-theme=dark] .pp-main .pp-empty-state__title,
[data-bs-theme=dark] .pp-main .pp-empty-state__desc {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-orders-table .pp-orders-muted,
[data-bs-theme=dark] .pp-main .pp-services-table .svc-meta,
[data-bs-theme=dark] .pp-main .pp-account-hint,
[data-bs-theme=dark] .pp-main .pp-addfunds-secure-note,
[data-bs-theme=dark] .pp-main .pp-detail-desc,
[data-bs-theme=dark] .pp-main .pp-detail-note,
[data-bs-theme=dark] .pp-main .pp-side-section-title,
[data-bs-theme=dark] .pp-main .pp-empty-state__desc,
[data-bs-theme=dark] .pp-main .pp-modal-field label {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── Secondary / outline buttons ── */
}
[data-bs-theme=dark] .pp-main .pp-order-btn--refill,
[data-bs-theme=dark] .pp-main .pp-order-btn--cancel,
[data-bs-theme=dark] .pp-main .pp-details-btn,
[data-bs-theme=dark] .pp-main .pp-account-btn--secondary,
[data-bs-theme=dark] .pp-main .pp-addfunds-method:not(.is-active),
[data-bs-theme=dark] .pp-main .pp-quick-amount,
[data-bs-theme=dark] .pp-main .pp-help-actions a,
[data-bs-theme=dark] .pp-main .pp-format-card,
[data-bs-theme=dark] .pp-main .pp-upd-filter-pill:not(.active) {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-order-btn--refill:hover,
[data-bs-theme=dark] .pp-main .pp-details-btn:hover,
[data-bs-theme=dark] .pp-main .pp-account-btn--secondary:hover,
[data-bs-theme=dark] .pp-main .pp-quick-amount:hover,
[data-bs-theme=dark] .pp-main .pp-upd-filter-pill:not(.active):hover {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Mobile order cards ── */
}
[data-bs-theme=dark] .pp-main .pp-orders-card {
  background: var(--pp-surface);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-orders-card__head,
[data-bs-theme=dark] .pp-main .pp-orders-card__row {
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main {
  /* ── Account page nav ── */
}
[data-bs-theme=dark] .pp-main .ac-tabs .ac-tab:not(.active) {
  background: transparent !important;
  border-color: transparent;
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .ac-tabs .ac-tab:not(.active):hover {
  background: transparent !important;
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .ac-tabs .ac-tab.active {
  color: var(--pp-primary);
  background: transparent !important;
}
[data-bs-theme=dark] .pp-main .ac-api-key-box,
[data-bs-theme=dark] .pp-main .ac-code-block,
[data-bs-theme=dark] .pp-main .ac-input-copy {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-method.is-active {
  background: var(--pp-info-bg);
  border-color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main {
  /* ── Add Funds page ── */
}
[data-bs-theme=dark] .pp-main .pp-addfunds-form__fields {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__amt {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__badge {
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-balance__divider {
  border-top-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-amount-input {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text);
  box-shadow: none;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-amount-input__prefix {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-amount-input input,
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-amount-input input#amount {
  color: var(--pp-text) !important;
  -webkit-text-fill-color: var(--pp-text) !important;
  caret-color: var(--pp-text);
  background: transparent !important;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-amount-input input::placeholder {
  color: var(--pp-text-muted);
  opacity: 0.72;
  -webkit-text-fill-color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-select select {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-select select option {
  background-color: var(--pp-surface);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Form field labels (dashboard-wide) ── */
}
[data-bs-theme=dark] .pp-main .pp-field-label,
[data-bs-theme=dark] .pp-main .pp-addfunds-page .pp-addfunds-field__label,
[data-bs-theme=dark] .pp-main .pp-addfunds-field__label,
[data-bs-theme=dark] .pp-main .ac-label,
[data-bs-theme=dark] .pp-main .ac-quiet-hours__label,
[data-bs-theme=dark] .pp-main .ac-webhook-secret__label,
[data-bs-theme=dark] .pp-main .ac-api-key-label,
[data-bs-theme=dark] .pp-main .tk-label,
[data-bs-theme=dark] .pp-main .cp-label,
[data-bs-theme=dark] .pp-main .pp-account-label,
[data-bs-theme=dark] .pp-main .pp-modal-field label,
[data-bs-theme=dark] .pp-main #fields .control-label,
[data-bs-theme=dark] .pp-main .pp-charge .label,
[data-bs-theme=dark] .pp-main .vt-info-label,
[data-bs-theme=dark] .pp-main .vt-meta-row__label,
[data-bs-theme=dark] .pp-main .vt-date-row__label,
[data-bs-theme=dark] .pp-main .vt-files-label {
  background: transparent !important;
  color: var(--pp-text-muted) !important;
  -webkit-text-fill-color: currentColor;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__icon {
  background: var(--pp-info-bg);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__icon {
  background: rgba(234, 179, 8, 0.12);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__icon {
  background: var(--pp-surface-muted);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__title,
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__title,
[data-bs-theme=dark] .pp-main .pp-addfunds-history__head h3 {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__row span {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__row strong {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__divider {
  background: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__row--total span,
[data-bs-theme=dark] .pp-main .pp-addfunds-summary__row--total strong {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__row {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-bonus__badge {
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-tip {
  background: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.28);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-tip__icon {
  background: rgba(234, 179, 8, 0.15);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-tip__title {
  color: #fde047;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__table thead th {
  background: var(--pp-surface-muted);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__table tbody td {
  color: var(--pp-text-muted);
  border-bottom-color: var(--pp-border);
  background: transparent !important;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__table tbody tr:nth-child(even) td {
  background: var(--pp-input-bg) !important;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__amt.is-in {
  color: #6ee7b7;
}
[data-bs-theme=dark] .pp-main .pp-addfunds-history__amt.is-out {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-summary-row {
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-summary-row.total {
  border-top-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-balance-card::before {
  color: rgba(255, 255, 255, 0.04);
}
[data-bs-theme=dark] .pp-main {
  /* ── Services tabs ── */
}
[data-bs-theme=dark] .pp-main .pp-services-tabs .pp-services-tab:not(.active) {
  background: var(--pp-surface);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── View ticket ── */
}
[data-bs-theme=dark] .pp-main .pp-vt-bubble--user {
  background: var(--pp-info-bg);
  border-color: var(--pp-info-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-vt-bubble--staff {
  background: var(--pp-surface-muted);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main {
  /* ── Affiliates / updates hero areas ── */
}
[data-bs-theme=dark] .pp-main .pp-af-banner,
[data-bs-theme=dark] .pp-main .pp-upd-hero {
  background: linear-gradient(135deg, #1e293b 0%, #111827 100%);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-af-banner__title,
[data-bs-theme=dark] .pp-main .pp-upd-hero__title {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-af-banner__desc,
[data-bs-theme=dark] .pp-main .pp-upd-hero__desc {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── Icon tile backgrounds ── */
}
[data-bs-theme=dark] .pp-main .pp-main .tk-icon-cyan,
[data-bs-theme=dark] .pp-main .pp-main .tk-icon-green,
[data-bs-theme=dark] .pp-main .pp-main .tk-icon-purple,
[data-bs-theme=dark] .pp-main .pp-main .af-si-blue,
[data-bs-theme=dark] .pp-main .pp-main .af-si-cyan,
[data-bs-theme=dark] .pp-main .pp-main .cp-fi-blue,
[data-bs-theme=dark] .pp-main .pp-main .cp-fi-cyan {
  background: var(--pp-info-bg);
}
[data-bs-theme=dark] .pp-main {
  /* ── Subtle status badge backgrounds stay readable ── */
}
[data-bs-theme=dark] .pp-main .pp-order-status--completed {
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .pp-order-status--pending {
  background: rgba(234, 179, 8, 0.12);
  color: #fde047;
}
[data-bs-theme=dark] .pp-main .pp-order-status--inprogress {
  background: rgba(59, 130, 246, 0.12);
  color: #93c5fd;
}
[data-bs-theme=dark] .pp-main .pp-order-status--partial {
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
}
[data-bs-theme=dark] .pp-main .pp-order-status--processing {
  background: rgba(168, 85, 247, 0.12);
  color: #d8b4fe;
}
[data-bs-theme=dark] .pp-main .pp-order-status--canceled,
[data-bs-theme=dark] .pp-main .pp-order-status--cancelled {
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
}
[data-bs-theme=dark] .pp-main {
  /* ── Mass order ── */
}
[data-bs-theme=dark] .pp-main .pp-info-card__format {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .pp-info-card__format-label,
[data-bs-theme=dark] .pp-main .pp-info-card__examples p {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__title,
[data-bs-theme=dark] .pp-main .pp-massorder-notes h3,
[data-bs-theme=dark] .pp-main .pp-massorder-recent__title {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__head,
[data-bs-theme=dark] .pp-main .pp-massorder-ref__head .pp-massorder-ref__service,
[data-bs-theme=dark] .pp-main .pp-massorder-ref__head .pp-massorder-ref__rate {
  border-color: var(--pp-border);
  color: var(--pp-text-soft);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__row {
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__row .pp-massorder-ref__id {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__service {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__rate {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-massorder-ref__link {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-massorder-notes li {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-massorder-recent__item {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .pp-massorder-recent__batch,
[data-bs-theme=dark] .pp-main .pp-massorder-recent__meta strong {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-massorder-recent__date,
[data-bs-theme=dark] .pp-main .pp-massorder-recent__meta {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-massorder-recent__badge--ok {
  background: rgba(34, 197, 94, 0.12);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .pp-massorder-recent__badge--partial {
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
}
[data-bs-theme=dark] .pp-main {
  /* ── Account danger / API ── */
}
[data-bs-theme=dark] .pp-main .ac-side-card--danger {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
}
[data-bs-theme=dark] .pp-main .ac-danger-note {
  color: #fca5a5 !important;
}
[data-bs-theme=dark] .pp-main .ac-key-warning {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
}
[data-bs-theme=dark] .pp-main .ac-key-warning p {
  color: #fecaca !important;
}
[data-bs-theme=dark] .pp-main .ac-key-warning .meta {
  color: #fca5a5 !important;
}
[data-bs-theme=dark] .pp-main .ac-usage-stats__item {
  background: var(--pp-surface-muted) !important;
}
[data-bs-theme=dark] .pp-main .ac-usage-stats__label {
  color: var(--pp-text-muted) !important;
}
[data-bs-theme=dark] .pp-main .ac-usage-stats__value {
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main .ac-usage-stats__value--error {
  color: #f87171 !important;
}
[data-bs-theme=dark] .pp-main {
  /* ── View ticket ── */
}
[data-bs-theme=dark] .pp-main .vt-info-card,
[data-bs-theme=dark] .pp-main .vt-thread-card,
[data-bs-theme=dark] .pp-main .vt-reply-card {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .vt-info-value,
[data-bs-theme=dark] .pp-main .vt-info-subject,
[data-bs-theme=dark] .pp-main .vt-thread-title,
[data-bs-theme=dark] .pp-main .vt-msg-author,
[data-bs-theme=dark] .pp-main .vt-date-row__value {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .vt-info-label,
[data-bs-theme=dark] .pp-main .vt-meta-row__label,
[data-bs-theme=dark] .pp-main .vt-date-row__label,
[data-bs-theme=dark] .pp-main .vt-msg-time,
[data-bs-theme=dark] .pp-main .vt-meta-empty {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .vt-divider {
  background: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .vt-badge,
[data-bs-theme=dark] .pp-main .vt-badge--cat-order,
[data-bs-theme=dark] .pp-main .vt-badge--cat-default,
[data-bs-theme=dark] .pp-main .vt-badge--cat-technical {
  background: var(--pp-info-bg);
  border: 1px solid var(--pp-info-border);
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .vt-badge--priority-low {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .vt-badge--priority-medium,
[data-bs-theme=dark] .pp-main .vt-badge--priority-high {
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.28);
  color: #93c5fd;
}
[data-bs-theme=dark] .pp-main .vt-badge--status-awaiting {
  background: rgba(234, 179, 8, 0.12);
  border: 1px solid rgba(234, 179, 8, 0.28);
  color: #fde047;
}
[data-bs-theme=dark] .pp-main .vt-badge--status-answered {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .vt-badge--status-closed,
[data-bs-theme=dark] .pp-main .vt-badge--status-default {
  background: var(--pp-surface-muted);
  border: 1px solid var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .vt-notice--awaiting {
  background: rgba(234, 179, 8, 0.12);
  border: 1px solid rgba(234, 179, 8, 0.28);
  color: #fde047;
}
[data-bs-theme=dark] .pp-main .vt-notice--answered {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #86efac;
}
[data-bs-theme=dark] .pp-main .vt-notice--closed {
  background: var(--pp-surface-muted);
  border: 1px solid var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .vt-bubble-user {
  background: var(--pp-info-bg);
  border-color: var(--pp-info-border);
}
[data-bs-theme=dark] .pp-main .vt-bubble-support {
  background: var(--pp-surface-muted);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .vt-bubble-user p,
[data-bs-theme=dark] .pp-main .vt-bubble-support p,
[data-bs-theme=dark] .pp-main .vt-bubble-text {
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main .vt-bubble-text a {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .vt-textarea {
  background: var(--pp-input-bg) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main .vt-textarea:disabled {
  background: var(--pp-surface-muted) !important;
  color: var(--pp-text-soft) !important;
}
[data-bs-theme=dark] .pp-main {
  /* ── Affiliates payout table ── */
}
[data-bs-theme=dark] .pp-main .af-card .pp-table tbody tr {
  background: var(--pp-surface);
}
[data-bs-theme=dark] .pp-main .af-card .pp-table tbody td {
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .af-card .pp-table tbody td::before {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-main .af-pay-row {
  background: var(--pp-surface-muted);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main {
  /* ── API docs (dashboard) ── */
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__warning {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__warning p {
  color: #fcd34d !important;
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__table {
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__table thead th {
  background: var(--pp-surface-muted) !important;
  color: var(--pp-text-muted) !important;
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__table tbody td {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__table tbody td code,
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__table .col-param code {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--pp-info-bg);
  color: var(--pp-primary) !important;
  font-family: ui-monospace, Menlo, monospace;
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__section-title,
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__text,
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__nav-link {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__nav-link.is-active {
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main {
  /* ── Services — description row & action buttons ── */
}
[data-bs-theme=dark] .pp-main .pp-services-table .btn-svc-det {
  background: var(--pp-input-bg);
  border-color: var(--pp-border);
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .pp-services-table .btn-svc-det:hover,
[data-bs-theme=dark] .pp-main .pp-services-table .btn-svc-det.is-open {
  background: var(--pp-info-bg);
  border-color: var(--pp-primary);
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-services-table .btn-svc-order {
  background: var(--pp-info-bg);
  border-color: var(--pp-primary);
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main .pp-services-table .btn-svc-order:hover {
  background: var(--pp-primary);
  border-color: var(--pp-primary);
  color: #f8fafc;
}
[data-bs-theme=dark] .pp-main .pp-services-table tr.svc-features-row > td {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .pp-services-features {
  background: var(--pp-surface);
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-services-features__toggle {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .pp-services-features__body,
[data-bs-theme=dark] .pp-main .pp-services-features__body p {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── Child panel (cp-* markup) ── */
}
[data-bs-theme=dark] .pp-main .cp-hero,
[data-bs-theme=dark] .pp-main .cp-feature-card {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .cp-hero-tag {
  background: var(--pp-surface-muted);
  border-color: var(--pp-border);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .cp-card-head {
  border-bottom-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .cp-input,
[data-bs-theme=dark] .pp-main .cp-select {
  background: var(--pp-input-bg) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main .cp-info-banner,
[data-bs-theme=dark] .pp-main .cp-ns-box {
  background: var(--pp-info-bg);
  border-color: var(--pp-info-border);
}
[data-bs-theme=dark] .pp-main .cp-ns-row code {
  background: var(--pp-surface-muted);
  color: var(--pp-primary);
}
[data-bs-theme=dark] .pp-main {
  /* ── Services platform tabs ── */
}
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab.active,
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab.home-pricing__tab--active,
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab[aria-selected=true] {
  background: var(--pp-surface) !important;
  color: var(--pp-text) !important;
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab.active .home-pricing__tab-icon,
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab.home-pricing__tab--active .home-pricing__tab-icon,
[data-bs-theme=dark] .pp-main .pp-services-page .pp-services-platform-tabs .home-pricing__tab[aria-selected=true] .home-pricing__tab-icon {
  background-color: var(--pp-text) !important;
}
[data-bs-theme=dark] .pp-main {
  /* ── Updates list ── */
}
[data-bs-theme=dark] .pp-main .upd-item {
  border-color: var(--pp-border);
}
[data-bs-theme=dark] .pp-main .upd-item-title,
[data-bs-theme=dark] .pp-main .upd-item-date {
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .upd-item-body,
[data-bs-theme=dark] .pp-main .upd-item-id {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main {
  /* ── API docs auth shell ── */
}
[data-bs-theme=dark] .pp-main .api-docs--auth {
  background: var(--pp-surface-muted);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__content,
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__sidebar {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__nav-link {
  color: var(--pp-text-muted);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__nav-link:hover {
  background: var(--pp-surface-hover);
  color: var(--pp-text);
}
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__callout,
[data-bs-theme=dark] .pp-main .api-docs--auth .api-docs__sdk-card {
  background: var(--pp-surface-muted) !important;
  border-color: var(--pp-border);
}

/*# sourceMappingURL=style.css.map */