@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');

/* Shared presentation for public pages: Cyberpunk Deep Navy (Đồng bộ Desktop App v3.1.3 & Studio) */
body.site-theme {
  color-scheme: dark;
  --bg: #03050a;
  --bg-color: #03050a;
  --app-bg: #060b19;
  --panel: rgba(13, 20, 38, 0.85);
  --panel-bg: rgba(13, 20, 38, 0.85);
  --ink: #FFFFFF;
  --text: #FFFFFF;
  --text-primary: #FFFFFF;
  --text-secondary: #94A3B8;
  --muted: #94A3B8;
  --line: rgba(56, 189, 248, 0.22);
  --glass-border: rgba(56, 189, 248, 0.28);
  --accent: #00D4FF;
  --accent-dark: #0284c7;
  --primary: #00D4FF;
  --secondary: #7A5CFF;
  --orange: #00FFA3;
  --success: #00FFA3;
  --danger: #f87171;
  --glow-cyan: 0 0 20px rgba(0, 212, 255, 0.35);
  --glow-purple: 0 0 20px rgba(122, 92, 255, 0.35);
  --font: 'Be Vietnam Pro', system-ui, sans-serif;
  background: #03050a;
  background-image: 
    linear-gradient(rgba(0, 212, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, 0.03) 1px, transparent 1px),
    radial-gradient(circle at 20% 25%, rgba(122, 92, 255, 0.12) 0%, transparent 45%),
    radial-gradient(circle at 80% 75%, rgba(0, 212, 255, 0.12) 0%, transparent 45%);
  background-size: 40px 40px, 40px 40px, 100% 100%, 100% 100%;
  color: var(--ink);
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

.site-theme :is(h1,h2,h3,h4,.brand-name) { font-family: var(--font); color: #FFFFFF; }
.site-theme :is(h1,h2,h3,h4) { font-weight: 700; letter-spacing: -.5px; }
.site-theme :is(button,input,select,textarea) { font-family: var(--font); }
.site-theme details:not([open]) > :not(summary) { display: none !important; }
.site-theme ::selection { background: rgba(0, 212, 255, 0.4); color: #FFFFFF; }
.site-theme :focus-visible { outline: 2px solid #00D4FF; outline-offset: 4px; }
.site-theme :is(.button,.btn-app,.btn,.aff-btn-mini) {
  border-radius: 9px;
  font-weight: 700;
  text-shadow: none;
  transition: background .18s, border-color .18s, color .18s, box-shadow .18s;
}
.site-theme :is(.button,.btn-cyan,.btn-primary) {
  background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%);
  border: 1px solid rgba(56, 189, 248, 0.5);
  color: #fff;
  box-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
}
.site-theme :is(.button,.btn-cyan,.btn-primary):hover {
  filter: brightness(1.15);
  box-shadow: 0 0 24px rgba(0, 212, 255, 0.55);
}
.site-theme :is(.button.secondary,.btn-purple,.btn-ghost,.btn-outline,.btn-outline-purple) {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #cbd5e1;
  box-shadow: none;
}
.site-theme :is(.button.secondary,.btn-purple,.btn-ghost,.btn-outline,.btn-outline-purple):hover {
  background: rgba(20, 30, 55, 0.9);
  border-color: #00D4FF;
  color: #00D4FF;
  box-shadow: 0 0 14px rgba(0, 212, 255, 0.25);
}
.site-theme :is(button,input,select,textarea):disabled { opacity: .5; cursor: not-allowed; }
.site-theme :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea) {
  background: rgba(15, 23, 42, 0.9);
  color: #FFFFFF;
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 8px;
  box-shadow: none;
}
.site-theme :is(input,select,textarea):focus {
  outline: none;
  border-color: #00D4FF;
  box-shadow: 0 0 10px rgba(0, 212, 255, 0.35);
}
.site-theme :is(input[type=range],input[type=checkbox],input[type=radio]) { accent-color: #00D4FF; }
.site-theme .grad-text {
  background: linear-gradient(135deg, #00D4FF, #7A5CFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00D4FF;
}
.site-theme :is(.glass-panel,.page-card,.aff-card,.aff-auth-card,.aff-card-block,.step,.downloads-support) {
  background: rgba(13, 20, 38, 0.85);
  border: 1.5px solid rgba(56, 189, 248, 0.25);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 14px;
}
.site-theme code {
  background: rgba(15, 23, 42, 0.9);
  color: #00FFA3;
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 5px;
  overflow-wrap: anywhere;
}

/* Header & Navigation. */
.site-theme .site-header {
  background: rgba(6, 11, 25, 0.94);
  border-color: rgba(56, 189, 248, 0.22);
  backdrop-filter: blur(18px);
}
.site-theme .brand-main, .site-theme .brand-name { color: #FFFFFF; font-weight: 700; }
.site-theme .brand-name b {
  background: rgba(0, 255, 163, 0.12);
  color: #00FFA3;
  border: 1px solid #00FFA3;
  text-shadow: 0 0 8px rgba(0, 255, 163, 0.5);
}
.site-theme :is(.desktop-nav,.login-link) { color: #94A3B8; }
.site-theme .mobile-nav {
  background: rgba(6, 11, 25, 0.96);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
}
.site-theme .menu-toggle {
  background: rgba(15, 23, 42, 0.6);
  border-color: rgba(56, 189, 248, 0.3);
  color: #FFFFFF;
}
.site-theme .site-footer {
  background: #03050a;
  border-color: rgba(56, 189, 248, 0.2);
}
.site-theme :is(.footer-links,.footer-bottom) { color: #94A3B8; }
.site-theme .mobile-cta {
  background: rgba(6, 11, 25, 0.95);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 -4px 22px rgba(0, 0, 0, 0.8);
}

/* Older public pages and partner navigation. */
.site-theme>nav {
  background: rgba(6, 11, 25, 0.94);
  border-color: rgba(56, 189, 248, 0.22);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  position: sticky;
  padding: 17px 0;
  backdrop-filter: blur(14px);
}
.site-theme>nav .nav-content { gap: 20px; min-width: 0; }
.site-theme .logo-container { gap: 9px !important; min-width: 0; flex-wrap: wrap; max-width: 100%; }
.site-theme .logo-container:before {
  content: '';
  width: 31px;
  height: 31px;
  flex-shrink: 0;
  background: url('/downloads/brand/logo-mark.svg') center/contain no-repeat;
}
.site-theme .logo-container>a:first-of-type { gap: 6px !important; white-space: nowrap; }
.site-theme .logo-container .brand-name {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.45px;
  color: #FFFFFF;
}
.site-theme .ai-badge {
  border: 1px solid #00FFA3;
  background: rgba(0, 255, 163, 0.12);
  color: #00FFA3;
  border-radius: 4px;
  font-size: 9px;
  padding: 1px 5px;
  font-weight: 700;
}
.site-theme>nav .nav-links { gap: 22px; min-width: 0; flex-wrap: wrap; }
.site-theme>nav .nav-links a:not(.btn-app) { font-size: 12px; color: #94A3B8 !important; }
.site-theme>nav .nav-links a:hover { color: #00D4FF !important; }
.site-theme>nav .btn-app { font-size: 12px; padding: 8px 15px; white-space: nowrap; }
.site-theme .aff-section-tag {
  background: rgba(0, 212, 255, 0.1) !important;
  color: #00D4FF !important;
  border: 1px solid rgba(0, 212, 255, 0.3) !important;
  font-size: 9px !important;
  letter-spacing: .3px !important;
  font-weight: 700 !important;
}
.site-theme .page-wrap { margin: 44px auto 70px; }
.site-theme .page-card { padding: 32px; }
.site-theme .page-card h1 { font-size: 29px; color: #FFFFFF; line-height: 1.4; margin-bottom: 19px; }
.site-theme .page-card h2 { color: #00D4FF; font-size: 18px; }
.site-theme .page-card :is(p,li) { color: #cbd5e1; line-height: 1.95; }
.site-theme .page-card :is(a:not(.btn-app),strong) { color: #00FFA3; }
.site-theme .field input { background: rgba(15, 23, 42, 0.9); color: #FFFFFF; border: 1px solid rgba(56, 189, 248, 0.35); }
.site-theme .btn-row button {
  background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%);
  border: 1px solid rgba(56, 189, 248, 0.5);
  font-size: 14px;
  font-weight: 700;
}
.site-theme :is(.msg.err,.aff-msg.error) {
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.site-theme :is(.msg.ok,.aff-msg.success) {
  background: rgba(0, 255, 163, 0.12);
  color: #00FFA3;
  border: 1px solid rgba(0, 255, 163, 0.3);
}

/* Home Section Theme Overrides */
.site-theme[data-site-theme=home] .hero:before { background: radial-gradient(ellipse, rgba(0, 212, 255, 0.12), transparent 65%); }
.site-theme .hero-visual:before { background: radial-gradient(circle, rgba(122, 92, 255, 0.15), transparent 70%); }
.site-theme .hero-visual:after { border-color: rgba(56, 189, 248, 0.25); }
.site-theme .visual-asterisk { color: #00FFA3; opacity: 0.25; }
.site-theme .hero h1 span:after { border-top-color: #00FFA3; box-shadow: 0 0 8px rgba(0, 255, 163, 0.6); }
.site-theme .status-dot { background: #00FFA3; box-shadow: 0 0 8px #00FFA3; }
.site-theme :is(.hero-copy,.section-heading p,.hero-benefits,.hero-note,.section-footnote) { color: #94A3B8; }
.site-theme .hero-copy strong { color: #FFFFFF; }
.site-theme :is(.visual-language,.demo-floating,.demo-shell) {
  border-color: rgba(56, 189, 248, 0.35);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 212, 255, 0.15);
}
.site-theme :is(.format-strip,.pricing-section,.use-cases) { background: #060b19; border-color: rgba(56, 189, 248, 0.2); }
.site-theme :is(.feature-main,.feature-list,.compare-card,.step,.price-card,.calculator) {
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.site-theme :is(.feature-main,.price-card,.calculator) { background: rgba(13, 20, 38, 0.85); }
.site-theme .feature-icon { background: rgba(0, 212, 255, 0.15); color: #00D4FF; border: 1px solid #00D4FF; box-shadow: 0 0 15px rgba(0, 212, 255, 0.3); }
.site-theme .feature-row { border-color: rgba(56, 189, 248, 0.18); }
.site-theme .step-number { color: #00D4FF; background: rgba(0, 212, 255, 0.12); border: 1px solid rgba(0, 212, 255, 0.3); }

/* Pricing Cards Theme */
.site-theme .price-card {
  background: rgba(13, 20, 38, 0.85);
  border: 1.5px solid rgba(56, 189, 248, 0.25);
  border-radius: 18px;
  color: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(14px);
}
.site-theme .price-card h3 { color: #94A3B8; font-weight: 700; font-size: 13px; margin: 0 0 16px; }
.site-theme .price-card .price-value { color: #FFFFFF !important; font-size: 32px; font-weight: 800; letter-spacing: -1px; line-height: 1.2; }
.site-theme .price-card .price-value small { color: #94A3B8; font-size: 16px; font-weight: 600; margin-left: 2px; }
.site-theme .price-card .price-points { color: #94A3B8; font-size: 12px; margin: 10px 0 18px; }
.site-theme .price-card .price-points strong { color: #00D4FF; font-weight: 800; text-shadow: 0 0 8px rgba(0, 212, 255, 0.4); }
.site-theme .price-card .price-capacity { color: #00FFA3; font-size: 14px; font-weight: 700; padding-top: 16px; border-top: 1px solid rgba(56, 189, 248, 0.2); }
.site-theme .price-card .price-capacity small { color: #94A3B8; font-size: 11px; font-weight: 500; margin-top: 4px; display: block; }
.site-theme .price-card ul { color: #cbd5e1; font-size: 11.5px; margin: 18px 0 22px; }
.site-theme .price-card li { margin: 8px 0; }
.site-theme .price-card li:before { content: '✓'; color: #00FFA3; font-weight: 700; margin-right: 8px; }
.site-theme .price-card .button {
  background: rgba(15, 23, 42, 0.9);
  border: 1.5px solid rgba(56, 189, 248, 0.35);
  color: #00D4FF;
  font-weight: 700;
  box-shadow: none;
}
.site-theme .price-card .button:hover {
  background: rgba(0, 212, 255, 0.15);
  border-color: #00D4FF;
  box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}
.site-theme .price-card.popular {
  background: linear-gradient(180deg, rgba(20, 25, 55, 0.95) 0%, rgba(13, 20, 38, 0.95) 100%);
  border: 2px solid #7A5CFF;
  box-shadow: 0 0 35px rgba(122, 92, 255, 0.35);
  position: relative;
}
.site-theme .price-card.popular h3 { color: #c084fc; font-weight: 700; }
.site-theme .price-card.popular .price-value { color: #FFFFFF !important; font-weight: 800; }
.site-theme .price-card.popular .price-value small { color: #c084fc; font-weight: 600; }
.site-theme .price-card.popular .price-points { color: #94A3B8; }
.site-theme .price-card.popular .price-points strong { color: #c084fc; font-weight: 800; text-shadow: 0 0 8px rgba(192, 132, 252, 0.5); }
.site-theme .price-card.popular .price-capacity { color: #00FFA3; font-weight: 750; border-color: rgba(122, 92, 255, 0.3); }
.site-theme .price-card.popular .price-capacity small { color: #94A3B8; }
.site-theme .price-card.popular ul { color: #cbd5e1; }
.site-theme .price-card.popular li:before { color: #00FFA3; }
.site-theme .price-card.popular .button {
  background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 212, 255, 0.4) !important;
  font-weight: 700 !important;
}
.site-theme .price-card.popular .button:hover { filter: brightness(1.15); }
.site-theme .popular-label {
  background: linear-gradient(135deg, #7A5CFF, #00D4FF);
  color: #fff;
  font-weight: 800;
  font-size: 8px;
  letter-spacing: .3px;
  padding: 4px 10px;
  border-radius: 50px;
  border: none;
  box-shadow: 0 0 12px rgba(122, 92, 255, 0.5);
}
.site-theme :is(.step-detail p,.feature-row p) { color: #94A3B8; }
.site-theme .closing-inner {
  background: linear-gradient(135deg, rgba(13, 20, 38, 0.95) 0%, rgba(20, 30, 60, 0.95) 100%);
  border: 1.5px solid rgba(0, 212, 255, 0.35);
  box-shadow: 0 0 35px rgba(0, 212, 255, 0.2);
}
.site-theme .closing-inner :is(h2,p) { color: #FFFFFF; }
.site-theme .closing-inner .button {
  background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%);
  color: #fff;
  border: none;
  box-shadow: 0 0 20px rgba(0, 212, 255, 0.4);
}
.site-theme .demo-section { background: #060b19; color: #FFFFFF; }
.site-theme .demo-section .eyebrow { color: #00D4FF; }
.site-theme .demo-section .section-heading h2 { color: #FFFFFF; }
.site-theme .demo-section :is(.section-heading p,.section-footnote) { color: #94A3B8; }
.site-theme .demo-section .category-tabs button { background: rgba(13, 20, 38, 0.7); border-color: rgba(56, 189, 248, 0.3); color: #cbd5e1; }
.site-theme .demo-section .category-tabs button[aria-pressed=true] {
  background: linear-gradient(135deg, #00D4FF, #7A5CFF);
  border-color: #00D4FF;
  color: #fff;
  box-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
}
.site-theme .demo-section .compare-card { background: rgba(13, 20, 38, 0.85); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .demo-section .compare-card .compare-top { background: rgba(10, 15, 30, 0.9); color: #FFFFFF; }
.site-theme .demo-section .compare-card .compare-top :is(span,b,strong) { color: #94A3B8; }
.site-theme .demo-section .compare-card.after .compare-top { background: rgba(20, 25, 50, 0.9); }
.site-theme .demo-section .compare-card.after .compare-top :is(b,strong) { color: #00FFA3; }
.site-theme .demo-section .compare-card>p { background: rgba(10, 15, 30, 0.9); color: #94A3B8; }

/* Library & Blog */
.site-theme[data-site-theme=blog] .blog-hero { background: transparent; }
.site-theme :is(.blog-hero h1,.blog-section-title h2,.article-masthead h1) { color: #FFFFFF; }
.site-theme :is(.blog-hero-copy,.article-lead) { color: #94A3B8; }
.site-theme .quick-guide { background: rgba(13, 20, 38, 0.85); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .quick-guide a { border-color: rgba(56, 189, 248, 0.2); color: #00D4FF; }
.site-theme :is(.featured-main,.featured-small,.article-card) {
  border-color: rgba(56, 189, 248, 0.25);
  background: rgba(13, 20, 38, 0.85);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.site-theme :is(.featured-copy h3,.featured-small h3,.article-card h3) { color: #FFFFFF; font-weight: 700; }
.site-theme .article-card h3 { font-size: 15px; }
.site-theme .article-card p { font-size: 12px; color: #94A3B8; }
.site-theme .card-content { padding: 21px; }
.site-theme .post-meta { font-size: 10px; color: #64748B; border-color: rgba(56, 189, 248, 0.18); }
.site-theme .post-category { font-size: 10px; color: #00D4FF; font-weight: 600; }
.site-theme .post-library { background: #060b19; }
.site-theme .topic-filter { color: #94A3B8; border-color: transparent; }
.site-theme .topic-filter[aria-pressed=true] {
  background: rgba(0, 212, 255, 0.15);
  border-color: #00D4FF;
  color: #00D4FF;
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.3);
}
.site-theme .article-search-form input { background: rgba(15, 23, 42, 0.9); border-color: rgba(56, 189, 248, 0.35); color: #FFFFFF; }
.site-theme .blog-bottom-inner { background: rgba(13, 20, 38, 0.85); border: 1px solid rgba(56, 189, 248, 0.25); }
.site-theme .blog-bottom :is(h2,p) { color: #FFFFFF; }
.site-theme :is(.art-dich,.art-giong,.art-phude,.art-kichban,.art-quytrinh,.art-batdau) {
  background: rgba(0, 212, 255, 0.1);
  color: #00D4FF;
}
.site-theme .article-body { background: rgba(13, 20, 38, 0.85); color: #cbd5e1; border-color: rgba(56, 189, 248, 0.25); font-size: 15px; }
.site-theme .article-body :is(h2,h3) { color: #FFFFFF; }
.site-theme .article-summary { background: rgba(20, 25, 50, 0.8); border-color: rgba(122, 92, 255, 0.35); }
.site-theme .article-summary p, .site-theme .article-summary ul { color: #cbd5e1; }
.site-theme .article-example { background: rgba(15, 23, 42, 0.9); border-left-color: #00D4FF; }
.site-theme .article-example :is(h3,p,span) { color: #cbd5e1; }
.site-theme .article-toc { background: rgba(15, 23, 42, 0.8); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .article-toc a { color: #94A3B8; }
.site-theme .article-toc a[aria-current=true] { color: #00D4FF; font-weight: 700; }
.site-theme .reading-cta { background: rgba(13, 20, 38, 0.9); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .reading-cta :is(h3,p) { color: #FFFFFF; }
.site-theme .article-byline { font-size: 10px; color: #64748B; }
.site-theme .article-body details p { font-size: 13px; color: #94A3B8; }

/* Partner marketing, auth and dashboard components. */
.site-theme[data-site-theme=affiliate] :is(.aff-hero,.faq-hero,.lh-hero) { background: transparent; padding-top: 48px; }
.site-theme .aff-page { padding-top: 28px; }
.site-theme :is(.aff-auth-wrap,.aff-dash) { padding-top: 44px; }
.site-theme .aff-auth-wrap { min-height: calc(100vh - 80px); }
.site-theme .aff-auth-card { border-radius: 14px; background: rgba(13, 20, 38, 0.9); border: 1.5px solid rgba(56, 189, 248, 0.3); }
.site-theme .aff-auth-card h2 { color: #FFFFFF; }
.site-theme :is(.aff-hero h1,.faq-hero h1,.lh-hero h1) { font-size: clamp(30px, 4.2vw, 48px); line-height: 1.3; letter-spacing: -1.5px; font-weight: 700; color: #FFFFFF; }
.site-theme :is(.aff-pill,.aff-inviter-banner) { background: rgba(0, 212, 255, 0.1); color: #00D4FF; border-color: rgba(0, 212, 255, 0.3); box-shadow: none; }
.site-theme .aff-pill .dot { background: #00FFA3; box-shadow: 0 0 8px #00FFA3; }
.site-theme :is(.aff-card:hover,.aff-step:hover,.lh-channel:hover,.lh-topic:hover) { transform: translateY(-2px); border-color: #00D4FF; box-shadow: 0 7px 20px rgba(0, 212, 255, 0.15); }
.site-theme .aff-card .num { background: none; -webkit-text-fill-color: currentColor; color: #00D4FF; }
.site-theme .aff-step:nth-child(n) { background: rgba(13, 20, 38, 0.85); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .aff-step:nth-child(n) .step-num { color: #00D4FF; }
.site-theme .aff-step h4 { color: #FFFFFF; }
.site-theme :is(.faq-item summary,.faq-q summary,.faq-q .a strong) { color: #FFFFFF; }
.site-theme :is(.faq-item,.faq-q,.faq-cta,.lh-channel,.lh-topic,.lh-info,.lh-quick-card,.gh-hero-panel,.gh-toc) {
  background: rgba(13, 20, 38, 0.85);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px);
}
.site-theme :is(.faq-q[open] summary,.faq-cat,.lh-section h2,.gh-content .aff-card h2,.gh-content .aff-card h3) { color: #00D4FF; }
.site-theme :is(.faq-q .a,.lh-channel .sub,.lh-channel .meta,.lh-topic p,.lh-section .lead,.gh-content .aff-card p,.gh-content .aff-card li) { color: #cbd5e1; }
.site-theme .gh-hero:before { background: none; }
.site-theme .gh-hero .lead { color: #94A3B8; }
.site-theme .gh-hero h1 .accent { color: #00D4FF; }
.site-theme .gh-toc-list a { background: rgba(15, 23, 42, 0.8); border-color: rgba(56, 189, 248, 0.25); color: #cbd5e1; }
.site-theme .aff-cta-band { background: rgba(13, 20, 38, 0.85); border-color: rgba(56, 189, 248, 0.25); border-radius: 14px; }
.site-theme :is(.aff-kpi,.aff-mini-kpi,.aff-goal-banner,.aff-tip-card,.aff-link-card,.aff-marketing-item,.aff-marketing-group,.aff-badges-block,.aff-badge,.aff-activity-list) {
  background: rgba(13, 20, 38, 0.85);
  border-color: rgba(56, 189, 248, 0.25);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.site-theme :is(.aff-tabs,.aff-link-box,.aff-qr,.aff-marketing-body) { background: rgba(15, 23, 42, 0.8); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .aff-tab { color: #94A3B8; border-color: transparent; }
.site-theme .aff-tab.active { background: rgba(0, 212, 255, 0.15); color: #00D4FF; border-color: #00D4FF; box-shadow: 0 2px 8px rgba(0, 212, 255, 0.25); }
.site-theme :is(.aff-kpi .value,.aff-mini-kpi .value,.aff-goal-amount,.aff-table td,.aff-activity-title,.aff-marketing-title,.aff-link-card-title,.aff-badge-label) { color: #FFFFFF; }
.site-theme :is(.aff-form-group label,.aff-table th,.aff-link-card-sub,.aff-marketing-head,.aff-goal-label,.aff-tip-label) { color: #94A3B8; }
.site-theme :is(.aff-form-group input,.aff-form-group select,.aff-form-group textarea) { background: rgba(15, 23, 42, 0.9); color: #FFFFFF; border-color: rgba(56, 189, 248, 0.35); }
.site-theme .aff-btn-mini { background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%); color: #fff; border: 1px solid rgba(56, 189, 248, 0.5); box-shadow: none; }
.site-theme .aff-btn-mini.outline, .site-theme .aff-btn-mini.outline-purple { background: rgba(15, 23, 42, 0.8); color: #00D4FF; border-color: rgba(56, 189, 248, 0.35); }
.site-theme .aff-bar-chart .bar { background: #00D4FF; } .site-theme .aff-bar-chart .bar.purple { background: #7A5CFF; }
.site-theme .aff-goal-progress { background: rgba(15, 23, 42, 0.9); } .site-theme .aff-goal-progress>span { background: linear-gradient(90deg, #00D4FF, #00FFA3); }
.site-theme .aff-status-active, .site-theme .aff-status-badge.available, .site-theme .aff-status-badge.paid { color: #00FFA3; background: rgba(0, 255, 163, 0.12); border-color: rgba(0, 255, 163, 0.35); }
.site-theme .aff-status-pending, .site-theme .aff-status-badge.pending { color: #fbbf24; background: rgba(251, 191, 36, 0.12); border-color: rgba(251, 191, 36, 0.35); }
.site-theme .aff-status-banned, .site-theme .aff-status-badge.rejected, .site-theme .aff-status-badge.void { color: #f87171; background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.35); }
.site-theme .aff-badge.locked { background: rgba(15, 23, 42, 0.6); border-color: rgba(56, 189, 248, 0.18); }
.site-theme .aff-badge.earned { background: rgba(13, 20, 38, 0.9); border-color: #00FFA3; }

/* Emphasis colors readable on dark background */
.site-theme:not([data-site-theme=home]) :is([style*="color:#fff"],[style*="color: #fff"],[style*="color:#e2e8f0"],[style*="color: #e2e8f0"],[style*="color:#cbd5e1"],[style*="color: #cbd5e1"]) { color: #FFFFFF !important; }
.site-theme:not([data-site-theme=home]) :is([style*="color:#22d3ee"],[style*="color: #22d3ee"],[style*="color:#67e8f9"],[style*="color:#38bdf8"],[style*="color: #38bdf8"],[style*="color:#d8b4fe"]) { color: #00D4FF !important; }
.site-theme :is([style*="color:#fda4af"],[style*="color:#fca5a5"]) { color: #f87171 !important; }

/* Downloads & Payment */
.site-theme .downloads-page { padding-top: 42px; }
.site-theme .downloads-topbar .brand-name { font-size: 15px; letter-spacing: -.4px; color: #FFFFFF; }
.site-theme .downloads-topbar .brand-name:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 29px;
  margin-right: 9px;
  background: url('/downloads/brand/logo-mark.svg') center/contain no-repeat;
}
.site-theme .downloads-back { border-color: rgba(56, 189, 248, 0.3); border-radius: 8px; font-size: 12px; color: #cbd5e1; }
.site-theme .downloads-title { color: #FFFFFF; font-size: 32px; }
.site-theme .downloads-support { padding: 26px; }

body.site-theme[data-site-theme=payment] {
  --bg-0: #03050a;
  --bg-1: #0A0F1E;
  --neon: #00FFA3;
  --cyan: #00D4FF;
  --purple: #7A5CFF;
  --pink: #ec4899;
  background: #03050a;
}
.site-theme[data-site-theme=payment] .topbar {
  top: 0;
  min-height: 72px;
  background: rgba(6, 11, 25, 0.94);
  border-bottom: 1px solid rgba(56, 189, 248, 0.22);
  padding: 15px 24px;
  gap: 20px;
}
.site-theme[data-site-theme=payment] .brand { font-family: var(--font); letter-spacing: -.3px; font-size: 14px; color: #FFFFFF; }
.site-theme[data-site-theme=payment] .brand-dot {
  background: url('/downloads/brand/logo-mark.svg') center/contain no-repeat;
  width: 30px;
  height: 30px;
  box-shadow: none;
  border-radius: 0;
}
.site-theme[data-site-theme=payment] .card {
  background: rgba(13, 20, 38, 0.9);
  border: 1.5px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 212, 255, 0.15);
  border-radius: 16px;
  margin-top: 78px;
}
.site-theme[data-site-theme=payment] .card:before { display: none; }
.site-theme[data-site-theme=payment] :is(.info,.key-box,.email-note) {
  background: rgba(15, 23, 42, 0.9);
  border-color: rgba(56, 189, 248, 0.25);
  color: #cbd5e1;
}
.site-theme[data-site-theme=payment] :is(.info dd,.email-note__title) { color: #FFFFFF; }
.site-theme[data-site-theme=payment] .email-note__desc { color: #94A3B8; }
.site-theme[data-site-theme=payment] .btn-primary { background: linear-gradient(135deg, #00D4FF 0%, #7A5CFF 100%); color: #fff; box-shadow: 0 0 16px rgba(0, 212, 255, 0.35); }
.site-theme[data-site-theme=payment] .btn-zalo { background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(56, 189, 248, 0.35); color: #00D4FF !important; box-shadow: none; }
.site-theme[data-site-theme=payment] .badge-error { color: #f87171; background: rgba(239, 68, 68, 0.12); }
.site-theme[data-site-theme=payment] :is(.check-wrap,.x-wrap) { animation: none; background: rgba(15, 23, 42, 0.8); }
.site-theme[data-site-theme=payment] :is(.check-wrap,.x-wrap):after { animation: none; border-color: rgba(56, 189, 248, 0.3); }

@media(max-width:1050px) {
  .site-theme>nav .nav-content { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .site-theme>nav .nav-links { gap: 16px; }
  .site-theme .logo-container { gap: 7px !important; }
  .site-theme .aff-section-tag { font-size: 8px !important; padding: 4px 7px !important; }
}
@media(max-width:767px) {
  .site-theme>nav { padding: 12px 0; }
  .site-theme>nav .nav-content { flex-direction: column; gap: 12px; }
  .site-theme>nav .nav-links { display: flex; flex-wrap: wrap; gap: 8px 17px; width: 100%; }
  .site-theme>nav .nav-links a:not(.btn-app) { font-size: 11px; }
  .site-theme>nav .nav-links .btn-app { padding: 6px 12px; font-size: 11px; }
  .site-theme .logo-container .brand-name { font-size: 12px; }
  .site-theme .logo-container:before { width: 26px; height: 26px; }
  .site-theme .logo-container .aff-section-tag { font-size: 8px !important; }
  .site-theme .page-wrap { margin: 28px auto 45px; padding-inline: 18px; }
  .site-theme .page-card { padding: 25px 22px; }
  .site-theme .page-card h1 { font-size: 25px; }
  .site-theme .page-card h2 { font-size: 18px; }
  .site-theme :is(.aff-hero,.faq-hero,.lh-hero) { padding-top: 30px; }
  .site-theme .aff-auth-wrap { padding-top: 28px; align-items: flex-start; }
  .site-theme .aff-auth-card { padding: 28px 23px; }
  .site-theme :is(.aff-hero h1,.faq-hero h1,.lh-hero h1) { font-size: 31px; letter-spacing: -.9px; }
  .site-theme .article-card h3 { font-size: 14px; }
  .site-theme .article-card p { font-size: 12px; }
  .site-theme .card-content { padding: 18px 16px; }
  .site-theme .article-body { font-size: 14px; }
  .site-theme .post-meta { font-size: 9px; }
  .site-theme .downloads-page { padding-top: 26px; }
  .site-theme .downloads-topbar { flex-wrap: wrap; }
  .site-theme .downloads-topbar .brand-name { font-size: 12px; }
  .site-theme .downloads-topbar .brand-name:before { width: 25px; height: 25px; }
  .site-theme .downloads-back { padding: 7px 10px; font-size: 11px; }
  .site-theme[data-site-theme=payment] .topbar { padding: 12px 18px; }
  .site-theme[data-site-theme=payment] .brand { font-size: 11px; }
  .site-theme[data-site-theme=payment] .topbar a { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-theme * { scroll-behavior: auto !important; }
  .site-theme :is(.button,.btn-app,.aff-card,.article-card) { transition: none; }
}

.site-theme .gh-hero h1 { color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; }
.site-theme .gh-hero h1 .accent { color: #00D4FF; -webkit-text-fill-color: #00D4FF; }
.site-theme :is(.gh-tip,.gh-warn) { color: #cbd5e1; background: rgba(15, 23, 42, 0.9); border-color: rgba(56, 189, 248, 0.3); }
.site-theme .gh-tip strong { color: #00FFA3; }
.site-theme .gh-warn strong { color: #fbbf24; }
.site-theme .gh-table :is(td,th) { color: #cbd5e1; border-color: rgba(56, 189, 248, 0.2); overflow-wrap: anywhere; }
.site-theme .gh-table th { background: rgba(15, 23, 42, 0.9); color: #00D4FF; }
.site-theme .gh-badge-mini { background: rgba(15, 23, 42, 0.8); border-color: rgba(56, 189, 248, 0.25); }
.site-theme .gh-badge-mini .name { color: #FFFFFF; }
.site-theme .gh-badge-mini .req { color: #94A3B8; }
.site-theme :is(.faq-wrap,.lh-wrap) { margin-top: 36px; }
.site-theme :is(.lh-section,.lh-sla-item,.lh-checklist,.lh-cta) { background: rgba(13, 20, 38, 0.85); border-color: rgba(56, 189, 248, 0.25); }
.site-theme :is(.lh-section h2,.lh-channel h3,.lh-topic h4,.lh-cta h3,.lh-checklist h4,.lh-sla-item .value) { color: #FFFFFF; }
.site-theme :is(.lh-cta p,.lh-checklist ul,.lh-sla-item .label) { color: #94A3B8; }
.site-theme .lh-sla-item .value strong { color: #00FFA3; }
.site-theme .lh-topic .tag { background: rgba(0, 212, 255, 0.12); color: #00D4FF; }
.site-theme .lh-topic .tag.priority { background: rgba(239, 68, 68, 0.12); color: #f87171; }
.site-theme .lh-topic .tag.fast { background: rgba(0, 255, 163, 0.12); color: #00FFA3; }
.site-theme .lh-quick-link { background: rgba(15, 23, 42, 0.8); border-color: rgba(56, 189, 248, 0.25); color: #00D4FF; }
.site-theme :is(.aff-mini-kpi .sub strong,.aff-goal-foot strong,.aff-tip-body,.aff-tier-rate,.aff-tier-rate strong,.aff-link-card-sub strong,.aff-link-card-perk-line strong,.aff-marketing-group-title,.aff-badges-counter,.aff-badge-progress) { color: #00FFA3; }
.site-theme :is(.aff-tab:hover,.aff-tip-refresh:hover) { color: #00D4FF; background: rgba(0, 212, 255, 0.1); }
.site-theme :is(.lh-channel-grid,.lh-topic-grid,.aff-grid-3) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
@media(max-width:767px) {
  .site-theme .aff-step { width: 100%; min-width: 0; }
  .site-theme .gh-table { table-layout: fixed; }
  .site-theme .gh-content .aff-card { scroll-margin-top: 175px; }
  .site-theme .lh-section { padding: 24px 20px; }
}
.site-theme .lh-channel .btn-app { font-size: 12px; padding: 10px 12px; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.site-theme :is(.downloads-page,.page-wrap,.aff-auth-card) .btn-app { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.site-theme[data-site-theme=blog] :is(.article-body,.article-lead,.article-card p,.blog-hero-copy) { color: #cbd5e1; }
.site-theme[data-site-theme=blog] :is(.article-card h3,.featured-copy h3,.featured-small h3) { color: #FFFFFF; }
.site-theme :is(.page-card p,.page-card li,.gh-content .aff-card p,.gh-content .aff-card li,.lh-channel .sub,.lh-topic p) { color: #cbd5e1; }

/* Shared Light Theme for all public pages with .site-theme */
html[data-theme="light"] body.site-theme {
  color-scheme: light;
  --bg: #f8fafc;
  --bg-color: #f8fafc;
  --app-bg: #f1f5f9;
  --panel: rgba(255, 255, 255, 0.95);
  --panel-bg: rgba(255, 255, 255, 0.95);
  --ink: #0f172a;
  --text: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --muted: #64748b;
  --line: rgba(148, 163, 184, 0.35);
  --glass-border: rgba(148, 163, 184, 0.3);
  --accent: #0284c7;
  --accent-dark: #0369a1;
  --primary: #0284c7;
  --secondary: #7A5CFF;
  --orange: #059669;
  --success: #059669;
  background: #f8fafc;
  background-image: 
    linear-gradient(rgba(2, 132, 199, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 132, 199, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 20% 25%, rgba(122, 92, 255, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 80% 75%, rgba(2, 132, 199, 0.08) 0%, transparent 45%);
  color: #0f172a;
}
html[data-theme="light"] .site-theme :is(h1,h2,h3,h4,.brand-name) { color: #0f172a; }
html[data-theme="light"] .site-theme :is(.glass-panel,.page-card,.aff-card,.aff-auth-card,.aff-card-block,.step,.downloads-support) {
  background: rgba(255, 255, 255, 0.95);
  border: 1.5px solid rgba(148, 163, 184, 0.3);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .site-theme .site-header {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(148, 163, 184, 0.28);
}
html[data-theme="light"] .site-theme :is(.desktop-nav,.login-link) { color: #475569; }
html[data-theme="light"] .site-theme .site-footer {
  background: #f1f5f9;
  border-color: rgba(148, 163, 184, 0.28);
}

/* Light Mode Overrides for .site-theme public components */
html[data-theme="light"] .site-theme :is(.format-strip,.pricing-section,.use-cases) {
    background: transparent !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .demo-section {
    background: #f1f5f9 !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .pricing-section {
    background: #f1f5f9 !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
}
html[data-theme="light"] .site-theme .demo-section .section-heading h2 {
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .demo-section :is(.section-heading p,.section-footnote) {
    color: #475569 !important;
}
html[data-theme="light"] .site-theme .demo-section .category-tabs button {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    color: #475569 !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card {
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card .compare-top {
    background: #f8fafc !important;
    border-bottom-color: rgba(148, 163, 184, 0.25) !important;
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card .compare-top :is(span,b,strong) {
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card.after .compare-top {
    background: #f8fafc !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card.after .compare-top :is(b,strong) {
    color: #059669 !important;
}
html[data-theme="light"] .site-theme .demo-section .compare-card>p {
    background: #f8fafc !important;
    border-top-color: rgba(148, 163, 184, 0.25) !important;
    color: #475569 !important;
}

/* Complete Light Mode Overrides for Homepage & Public Cards (.step, .feature-list, .price-card, .calculator, .closing-inner) */
html[data-theme="light"] .site-theme .hero-copy strong {
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme :is(.hero-copy, .section-heading p, .hero-benefits, .hero-note, .section-footnote) {
    color: #475569 !important;
}
html[data-theme="light"] .site-theme :is(.button.secondary, .btn-purple, .btn-ghost, .btn-outline, .btn-outline-purple) {
    background: #ffffff;
    border-color: rgba(148, 163, 184, 0.45);
    color: #0f172a;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
}
html[data-theme="light"] .site-theme :is(.button.secondary, .btn-purple, .btn-ghost, .btn-outline, .btn-outline-purple):hover {
    background: #f8fafc;
    border-color: #0284c7;
    color: #0284c7;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.16);
}
html[data-theme="light"] .site-theme :is(.feature-main, .feature-list, .compare-card, .step, .price-card, .calculator) {
    background: #ffffff !important;
    border: 1.5px solid rgba(148, 163, 184, 0.32) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06) !important;
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .feature-main {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%) !important;
    border-color: rgba(122, 92, 255, 0.32) !important;
    box-shadow: 0 10px 30px rgba(122, 92, 255, 0.08) !important;
}
html[data-theme="light"] .site-theme .feature-row {
    border-color: rgba(148, 163, 184, 0.25) !important;
}
html[data-theme="light"] .site-theme :is(.step p, .feature-row p, .feature-main p) {
    color: #475569 !important;
}
html[data-theme="light"] .site-theme .step-detail {
    color: #64748b !important;
}
html[data-theme="light"] .site-theme .price-card h3 {
    color: #475569 !important;
}
html[data-theme="light"] .site-theme .price-card.popular {
    background: linear-gradient(180deg, #ffffff 0%, #f5f3ff 100%) !important;
    border: 2px solid #7A5CFF !important;
    box-shadow: 0 12px 34px rgba(122, 92, 255, 0.18) !important;
}
html[data-theme="light"] .site-theme .price-card.popular h3 {
    color: #6d28d9 !important;
}
html[data-theme="light"] .site-theme .price-card .price-value,
html[data-theme="light"] .site-theme .price-card.popular .price-value {
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .price-card .price-value small {
    color: #64748b !important;
}
html[data-theme="light"] .site-theme .price-card.popular .price-value small {
    color: #6d28d9 !important;
}
html[data-theme="light"] .site-theme .price-card .price-points,
html[data-theme="light"] .site-theme .price-card.popular .price-points {
    color: #475569 !important;
}
html[data-theme="light"] .site-theme .price-card .price-points strong {
    color: #0284c7 !important;
    text-shadow: none !important;
}
html[data-theme="light"] .site-theme .price-card.popular .price-points strong {
    color: #6d28d9 !important;
    text-shadow: none !important;
}
html[data-theme="light"] .site-theme .price-card .price-capacity,
html[data-theme="light"] .site-theme .price-card.popular .price-capacity {
    color: #059669 !important;
    border-top-color: rgba(148, 163, 184, 0.28) !important;
}
html[data-theme="light"] .site-theme .price-card .price-capacity small,
html[data-theme="light"] .site-theme .price-card.popular .price-capacity small {
    color: #64748b !important;
}
html[data-theme="light"] .site-theme .price-card ul,
html[data-theme="light"] .site-theme .price-card.popular ul {
    color: #334155 !important;
}
html[data-theme="light"] .site-theme .price-card li:before,
html[data-theme="light"] .site-theme .price-card.popular li:before {
    color: #059669 !important;
}
html[data-theme="light"] .site-theme .price-card .button {
    background: #f8fafc !important;
    border-color: rgba(2, 132, 199, 0.42) !important;
    color: #0369a1 !important;
}
html[data-theme="light"] .site-theme .price-card .button:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
    color: #0369a1 !important;
}
html[data-theme="light"] .site-theme .closing-inner {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%) !important;
    border-color: rgba(2, 132, 199, 0.35) !important;
    box-shadow: 0 10px 30px rgba(2, 132, 199, 0.1) !important;
}
html[data-theme="light"] .site-theme .closing-inner h2 {
    color: #0f172a !important;
}
html[data-theme="light"] .site-theme .closing-inner p {
    color: #475569 !important;
}