.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#fffffff0;border-bottom:1px solid var(--color-border)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5);height:100%;display:flex;align-items:center;gap:var(--space-6)}.navbar-logo{font-size:16px;font-weight:500;letter-spacing:-.02em;color:var(--color-text);text-decoration:none;flex-shrink:0;white-space:nowrap}.navbar-logo span{color:var(--color-accent);font-weight:700;margin-left:1px}.navbar-links{display:flex;align-items:center;gap:2px;flex:1}.navbar-link{padding:6px 12px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);text-decoration:none}.navbar-link:hover{color:var(--color-text);background:var(--color-surface-hover)}.navbar-link.active{color:var(--color-text);background:#0000000d}.navbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.navbar-action-buttons{display:flex;align-items:center;gap:var(--space-2)}.navbar-cta{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--gradient-cta);color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:opacity var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-accent);white-space:nowrap}.navbar-cta:hover{opacity:.9;box-shadow:0 4px 24px #7c5cfc73}.navbar-cta-brand{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.navbar-cta-brand:hover{background:var(--color-surface-hover);border-color:#d1d5db}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border-radius:var(--radius-sm);cursor:pointer;background:none;border:none;transition:background var(--transition-fast)}.navbar-hamburger:hover{background:var(--color-surface-hover)}.navbar-hamburger span{display:block;height:1.5px;background:var(--color-text-secondary);border-radius:2px;transition:all var(--transition-base)}.navbar-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.navbar-mobile-menu{display:none;flex-direction:column;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);gap:2px}.navbar-mobile-link{padding:10px 12px;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--color-text);background:var(--color-surface-hover)}.navbar-mobile-cta{margin-top:var(--space-2);padding:12px;text-align:center;background:var(--gradient-cta);color:#fff;font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-md);text-decoration:none}.navbar-mobile-cta-brand{margin-top:var(--space-3);padding:12px;text-align:center;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-md);text-decoration:none}@media(max-width:720px){.navbar-links,.navbar-cta,.navbar-cta-brand,.navbar-action-buttons,.navbar-actions .navbar-link{display:none}.navbar-hamburger,.navbar-mobile-menu{display:flex}}.footer{border-top:1px solid var(--color-border);padding:var(--space-7) 0;margin-top:var(--space-9)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.footer-logo{font-size:16px;font-weight:500;letter-spacing:-.02em;color:var(--color-text)}.footer-logo span{color:var(--color-accent);font-weight:700;margin-left:1px}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.footer-links{display:flex;gap:var(--space-5);flex-wrap:wrap;justify-content:center}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-secondary)}.footer-copy{font-size:var(--font-size-xs);color:var(--color-text-muted)}.theme-toggle-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.theme-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text);transform:rotate(-12deg)}.theme-switch{position:relative;width:56px;height:30px;border-radius:var(--radius-full);background:var(--color-surface-3);border:1px solid var(--color-border-light);padding:3px;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background var(--transition-fast)}.theme-switch:hover{background:var(--color-surface-hover)}.theme-switch-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text-muted)}.theme-switch-icon svg{width:14px;height:14px}.theme-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--color-surface);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.theme-switch-knob.is-dark{transform:translate(26px)}.dashboard-layout{display:flex;height:100vh;width:100vw;background-color:var(--color-bg);overflow:hidden;color:var(--color-text)}.dashboard-sidebar{width:264px;background:var(--color-bg-elevated);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;transition:width .3s ease;z-index:10;flex-shrink:0}.dashboard-sidebar.collapsed{width:76px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:8px}.sidebar-brand-link{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;flex:1;min-width:0}.sidebar-brand-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-accent)}.sidebar-brand-mark svg{width:18px;height:18px}.sidebar-brand-text{font-size:1.05rem;font-weight:700;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-accent{color:var(--color-accent)}.sidebar-collapse-btn{width:26px;height:26px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-profile{padding:0 14px 14px}.sidebar-profile-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-light);transition:background var(--transition-fast)}.sidebar-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-profile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-handle{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:10px;font-weight:600;width:fit-content}.sidebar-profile-badge svg{width:9px;height:9px}.sidebar-nav{display:flex;flex-direction:column;padding:4px 12px;gap:2px;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;padding:10px 14px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast);position:relative;gap:12px}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav-item.active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}[data-theme=dark] .sidebar-nav-item.active{background:#8b7ffe2e;color:#c8c0ff}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}.sidebar-icon{width:18px;height:18px;flex-shrink:0}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:var(--color-accent);color:#fff}.sidebar-nav-item.active .sidebar-badge{background:#fff;color:var(--color-accent)}[data-theme=dark] .sidebar-nav-item.active .sidebar-badge{background:var(--color-accent);color:#fff}.dashboard-sidebar.collapsed .sidebar-label,.dashboard-sidebar.collapsed .sidebar-badge,.dashboard-sidebar.collapsed .sidebar-brand-text,.dashboard-sidebar.collapsed .sidebar-profile-meta,.dashboard-sidebar.collapsed .sidebar-promo,.dashboard-sidebar.collapsed .sidebar-theme-switch{display:none}.dashboard-sidebar.collapsed .sidebar-nav-item{padding:10px;justify-content:center}.dashboard-sidebar.collapsed .sidebar-profile-card{justify-content:center;padding:8px}.dashboard-sidebar.collapsed .sidebar-brand{padding:18px 12px;justify-content:center}.sidebar-promo{margin:8px 14px 12px;padding:16px;border-radius:var(--radius-md);background:linear-gradient(155deg,var(--color-accent-subtle),transparent 70%),var(--color-surface);border:1px solid var(--color-border-light);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.sidebar-promo-icon{width:36px;height:36px;border-radius:50%;background:var(--gradient-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);margin-bottom:4px}.sidebar-promo-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.sidebar-promo-body{font-size:11.5px;color:var(--color-text-muted);line-height:1.45;margin:0 0 10px}.sidebar-promo-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:8px 14px;border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.sidebar-promo-cta:hover{background:var(--color-accent);color:#fff}.sidebar-bottom{padding:12px 14px 16px;border-top:1px solid var(--color-border-light)}.sidebar-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-exit{width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-exit:hover{background:var(--color-surface-hover);color:var(--color-error)}.dashboard-sidebar.collapsed .sidebar-bottom-row{flex-direction:column}.dashboard-main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:var(--gradient-page);background-color:var(--color-bg)}.dashboard-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:40px 48px;position:relative;z-index:1}@media(max-width:900px){.dashboard-sidebar{width:76px}.dashboard-sidebar .sidebar-label,.dashboard-sidebar .sidebar-badge,.dashboard-sidebar .sidebar-brand-text,.dashboard-sidebar .sidebar-profile-meta,.dashboard-sidebar .sidebar-promo,.dashboard-sidebar .sidebar-theme-switch{display:none}.dashboard-sidebar .sidebar-nav-item{padding:10px;justify-content:center}.dashboard-sidebar .sidebar-profile-card{justify-content:center;padding:8px}.dashboard-sidebar .sidebar-brand{padding:18px 12px;justify-content:center}.dashboard-scroll-area{padding:24px}}.dashboard-page{display:flex;flex-direction:column;gap:32px;animation:fadeIn .3s ease;max-width:1320px;margin:0 auto;padding:8px 4px}.dash-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1100px){.dash-metrics-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dash-metrics-row{grid-template-columns:1fr}}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}.dash-grid.single{grid-template-columns:1fr}.dash-main-col,.dash-side-col{display:flex;flex-direction:column;gap:28px;min-width:0}@media(max-width:1100px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;display:flex;flex-direction:column;gap:18px}.dash-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-card-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);letter-spacing:-.015em;margin:0}.dash-card-link{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);background:transparent;border:none;cursor:pointer;text-decoration:none}.dash-card-link:hover{text-decoration:underline}.dash-empty{padding:40px 24px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dash-empty-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin-bottom:6px}.dash-placeholder{display:flex;align-items:center;justify-content:center;min-height:70vh}.dash-placeholder-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:64px 48px;text-align:center;max-width:440px;box-shadow:var(--shadow-sm)}.dash-placeholder-card h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px;text-transform:capitalize}.dash-placeholder-card p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.dash-placeholder-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-bottom:16px}.tier-ladder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.tier-ladder-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5)}.tier-ladder-steps{display:flex;flex-direction:column;gap:0}.tier-step{display:flex;gap:var(--space-4);position:relative;padding-bottom:var(--space-4)}.tier-step:last-child{padding-bottom:0}.tier-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tier-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0;background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border);transition:all var(--transition-base);z-index:1}.tier-step.reached .tier-step-dot{background:var(--gradient-cta);color:#fff;border-color:transparent;box-shadow:0 2px 10px #7c5cfc4d}.tier-step.current .tier-step-dot{background:var(--color-surface-2);color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 3px #7c5cfc26}.tier-step-line{width:1.5px;flex:1;background:var(--color-border);margin:4px 0;min-height:16px}.tier-step.reached .tier-step-line{background:var(--gradient-cta)}.tier-step-content{flex:1;padding-top:4px;padding-bottom:var(--space-3)}.tier-step-views{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.tier-step.reached .tier-step-views{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:var(--color-text-muted)}.tier-step-payout{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.tier-step.reached .tier-step-payout,.tier-step.current .tier-step-payout{color:var(--color-accent-light)}.tier-step-label{display:inline-block;margin-top:4px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.tier-step-label.reached{color:var(--color-success)}.landing-hero{position:relative;padding:120px 0 0;overflow:hidden}.landing{position:relative;overflow:hidden}.landing-global-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 60% 25% at 20% 5%,rgba(124,92,252,.22),transparent 70%),radial-gradient(ellipse 50% 20% at 85% 18%,rgba(236,72,153,.15),transparent 70%),radial-gradient(ellipse 70% 20% at 30% 38%,rgba(59,130,246,.18),transparent 70%),radial-gradient(ellipse 55% 18% at 80% 58%,rgba(124,92,252,.2),transparent 70%),radial-gradient(ellipse 65% 22% at 25% 78%,rgba(236,72,153,.14),transparent 70%),radial-gradient(ellipse 60% 20% at 75% 95%,rgba(59,130,246,.18),transparent 70%),linear-gradient(180deg,#f8f9ff,#eef0f8,#f3eeff 60%,#eef0f8);pointer-events:none}.landing-global-blob{position:absolute;border-radius:50%;opacity:.9;z-index:0}.blob-1{top:2%;left:-8%;width:45vw;height:45vw;max-width:700px;max-height:700px;background:radial-gradient(circle,#7c5cfc80,#7c5cfc00 65%);animation:blobRotate1 22s infinite alternate ease-in-out}.blob-2{top:45%;right:-8%;width:45vw;height:45vw;max-width:700px;max-height:700px;background:radial-gradient(circle,#3b82f666,#3b82f600 65%);animation:blobRotate2 26s infinite alternate-reverse ease-in-out}.blob-3{top:78%;left:30%;width:45vw;height:45vw;max-width:650px;max-height:650px;background:radial-gradient(circle,#ec489952,#ec489900 65%);animation:blobRotate3 28s infinite alternate cubic-bezier(.5,0,.5,1)}@keyframes blobRotate1{0%{transform:translate(0) scale(1)}50%{transform:translate(10vw,8vh) scale(1.15)}to{transform:translate(-5vw,15vh) scale(.95)}}@keyframes blobRotate2{0%{transform:translate(0) scale(1)}50%{transform:translate(-12vw,-8vh) scale(1.2)}to{transform:translate(8vw,-15vh) scale(.9)}}@keyframes blobRotate3{0%{transform:translate(0) scale(.9)}50%{transform:translate(-8vw,12vh) scale(1.25)}to{transform:translate(10vw,-10vh) scale(1)}}.landing-global-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:32px 32px;z-index:1}@keyframes panGridGlobal{0%{transform:translateY(0)}to{transform:translateY(32px)}}.landing-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9);align-items:center;max-width:1100px;margin:0 auto;padding:0 var(--space-5) 48px}.landing-hero-text{text-align:left}.landing-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;color:var(--color-accent-light);margin-bottom:var(--space-5);padding:6px 14px;background:#4a3aff14;border:1px solid rgba(74,58,255,.2);border-radius:var(--radius-full)}.landing-hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e40}50%{box-shadow:0 0 0 5px #22c55e1a}}.landing-hero-title{font-size:clamp(2.4rem,4.5vw,3.75rem);font-weight:700;color:var(--color-text);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-5)}.landing-hero-title-accent{background:linear-gradient(135deg,#4a3aff,#9d7bff 60%,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-sub{font-size:var(--font-size-md);color:var(--color-text);opacity:.72;max-width:440px;margin:0 0 var(--space-7);line-height:1.65}.landing-hero-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-7)}.landing-cta-primary{display:inline-flex;align-items:center;padding:12px 24px;background:var(--gradient-cta);color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-accent)}.landing-cta-primary:hover{opacity:.9;box-shadow:0 6px 28px #7c5cfc80;transform:translateY(-1px)}.landing-cta-secondary{display:inline-flex;align-items:center;padding:12px 24px;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.landing-cta-secondary:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:#d1d5db}.landing-hero-platforms{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.landing-hero-platforms-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing-hero-platform-icons{display:flex;gap:var(--space-2)}.landing-platform-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.landing-platform-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.landing-hero-card{position:relative}.hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:0 24px 60px #00000014,0 4px 12px #0000000a}.hero-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.hero-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.hero-card-brand{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.hero-card-match{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent-light);background:#4a3aff1a;border:1px solid rgba(74,58,255,.2);border-radius:var(--radius-full);padding:3px 10px}.hero-card-milestone-list{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-5)}.hero-card-milestone{display:flex;align-items:center;gap:12px}.hero-milestone-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-milestone-dot.done{background:#4a3aff;border-color:#4a3aff}.hero-milestone-dot.active{border-color:#4a3aff;background:var(--color-bg)}.hero-milestone-pulse{width:8px;height:8px;border-radius:50%;background:#4a3aff;animation:milestoneP 1.8s ease-in-out infinite}@keyframes milestoneP{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-milestone-info{display:flex;justify-content:space-between;flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero-milestone-info.muted{opacity:.45}.hero-milestone-payout{font-weight:600;color:var(--color-text)}.hero-milestone-next{color:#4a3aff}.hero-card-progress-wrap{margin-bottom:var(--space-4)}.hero-card-progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:6px}.hero-card-pct{font-weight:600;color:var(--color-accent-light)}.hero-card-progress-bar{height:6px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.hero-card-progress-fill{height:100%;background:linear-gradient(to right,#4a3aff,#9d7bff);border-radius:var(--radius-full);transition:width 1s ease}.hero-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.hero-card-earned{display:flex;flex-direction:column;gap:2px}.hero-card-earned-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.hero-card-earned-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1.2}.hero-card-next-badge{font-size:var(--font-size-xs);font-weight:600;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);padding:4px 12px}.hero-float-pill{position:absolute;display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);box-shadow:0 4px 16px #00000014;white-space:nowrap;animation:floatPill 4s ease-in-out infinite}.pill-1{top:-20px;right:20px;animation-delay:0s}.pill-2{bottom:-20px;left:-30px;animation-delay:2s}.pill-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}@keyframes floatPill{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-hero-brands{padding:var(--space-6) 0 var(--space-4);background:transparent}.landing-requirements{padding:var(--space-6) 0;background:transparent}.landing-requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:900px;margin:0 auto}.landing-requirement{padding:var(--space-6);background:#ffffffd1;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 8px 24px #4a3aff0f,0 2px 6px #00000008;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.landing-requirement:hover{transform:translateY(-4px);border-color:#7c5cfc66;box-shadow:0 12px 32px #7c5cfc1f}.landing-requirement-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:4px}.landing-requirement-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.landing-how{padding:var(--space-9) 0;background:#ffffff73}.landing-section-header{text-align:center;margin-bottom:var(--space-8)}.landing-section-eyebrow{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--space-3)}.landing-section-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--space-3)}.landing-section-sub{font-size:var(--font-size-md);color:var(--color-text);opacity:.7;max-width:520px;margin:0 auto;line-height:1.6}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:900px;margin:0 auto}.landing-step{padding:var(--space-6);background:#ffffffd1;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 8px 24px #4a3aff0f,0 2px 6px #00000008;transition:all .4s cubic-bezier(.2,.8,.2,1)}.landing-step:hover{transform:translateY(-8px);border-color:#7c5cfc66;box-shadow:0 12px 32px #7c5cfc1f}.landing-step-number{font-size:var(--font-size-xs);font-weight:800;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums}.landing-step-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.01em}.landing-step-body{font-size:var(--font-size-sm);color:var(--color-text);opacity:.72;line-height:1.6}.landing-ai{padding:var(--space-9) 0;background:linear-gradient(180deg,#4a3aff0a,#7c5cfc12,#4a3aff0a)}.landing-ai-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9);align-items:center;max-width:1000px;margin:0 auto}.landing-ai-text .landing-section-eyebrow,.landing-ai-text .landing-section-title,.landing-ai-text .landing-section-sub{text-align:left;margin-left:0;margin-right:0}.landing-ai-points{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.landing-ai-points li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.landing-ai-points li:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--color-success-subtle);border:1px solid rgba(52,211,153,.3);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 5l2 2L7.5 3' stroke='%2334D399' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.landing-ai-card{padding:var(--space-5);background:#ffffffd1;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);box-shadow:0 8px 24px #4a3aff0f,0 2px 6px #00000008;transition:all .5s cubic-bezier(.2,.8,.2,1)}.landing-ai-card:hover{transform:scale(1.02);box-shadow:0 16px 40px #4a3aff1f,0 0 0 1px #7c5cfc33;border-color:#7c5cfc4d}.landing-ai-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.landing-ai-card-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.landing-ai-match-badge{padding:4px 10px;background:var(--color-success-subtle);border:1px solid rgba(52,211,153,.25);color:var(--color-success);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full)}.landing-bottom-cta{padding:112px 0;background:linear-gradient(135deg,#0e0b27,#18103a,#0b1424);position:relative;overflow:hidden}.landing-bottom-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 20% 50%,rgba(124,92,252,.25),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 50%,rgba(74,58,255,.2),transparent 70%);pointer-events:none}.landing-bottom-cta-inner{max-width:500px;margin:0 auto;text-align:center;position:relative;z-index:1}.landing-bottom-cta h2{font-size:var(--font-size-3xl);font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-3)}.landing-bottom-cta p{font-size:var(--font-size-md);color:#ffffffa6;margin-bottom:var(--space-6)}.landing-cta-primary--dark{background:#fff;color:#4a3aff;box-shadow:0 4px 24px #ffffff26;gap:var(--space-2)}.landing-cta-primary--dark:hover{background:#ffffffeb;color:#3d2ee0;box-shadow:0 6px 32px #ffffff40;opacity:1;transform:translateY(-1px)}@media(max-width:900px){.landing-ai-inner{grid-template-columns:1fr}.landing-ai-text .landing-section-eyebrow,.landing-ai-text .landing-section-title,.landing-ai-text .landing-section-sub{text-align:center;margin:0 auto}}@media(max-width:960px){.landing-hero-inner{grid-template-columns:1fr;padding-bottom:48px}.landing-hero-text{text-align:center}.landing-hero-sub{margin:0 auto var(--space-7)}.landing-hero-ctas,.landing-hero-platforms{justify-content:center}.landing-hero-card{display:none}}@media(max-width:720px){.landing-hero{padding:64px 0 0}.landing-steps{grid-template-columns:1fr;max-width:420px}.landing-requirements-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.landing-hero-ctas{flex-direction:column;align-items:center}.landing-requirements-grid{grid-template-columns:1fr}}.landing-brands{padding:var(--space-6) 0;background:transparent}.landing-brands-title{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-5)}.landing-brands-marquee{display:flex;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,black 25%,black 75%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 25%,black 75%,transparent);padding:var(--space-2) 0}.landing-brands-track{display:flex;align-items:center;gap:var(--space-9);padding-right:var(--space-9);animation:marquee 25s linear infinite;will-change:transform}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.brand-logo{white-space:nowrap;font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.03em;color:var(--color-text-muted);opacity:.6;transition:opacity .3s,color .3s,transform .3s;-webkit-user-select:none;user-select:none;cursor:default}.brand-logo:hover{opacity:1;color:var(--color-accent);transform:scale(1.05)}.landing-earnings{padding:var(--space-9) 0}.landing-earnings-inner{background:radial-gradient(circle at 50% 0%,#7c5cfc1f,#7c5cfc00 70%),#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:0 24px 60px #4a3aff14,0 4px 12px #0000000a}.earnings-stat-main h3{font-size:64px;font-weight:800;letter-spacing:-.04em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);line-height:1}.earnings-stat-main p{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-7)}.earnings-stat-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-6)}.earnings-stat-item h4{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:4px}.earnings-stat-item p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.landing-benefits{padding:var(--space-9) 0;background:#ffffff73}.landing-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-8)}.landing-benefit-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 24px #4a3aff0f,0 2px 6px #00000008;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.landing-benefit-card:hover{transform:translateY(-4px);border-color:#7c5cfc66;box-shadow:0 12px 32px #7c5cfc1f}.benefit-icon{font-size:32px;margin-bottom:var(--space-4);background:#7c5cfc1a;color:var(--color-accent);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid rgba(124,92,252,.2)}.landing-benefit-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.landing-benefit-card p{font-size:var(--font-size-sm);color:var(--color-text);opacity:.72;line-height:1.6}.landing-testimonial{padding:var(--space-6) 0 var(--space-9)}.testimonial-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden;box-shadow:0 24px 60px #4a3aff14,0 4px 12px #0000000a;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);border-color:#7c5cfc66;box-shadow:0 12px 32px #7c5cfc1f}.testimonial-card:before{content:'"';position:absolute;top:-20px;left:20px;font-size:180px;font-weight:900;color:#7c5cfc0d;font-family:Georgia,serif;line-height:1}.testimonial-quote{font-size:var(--font-size-xl);line-height:1.5;color:var(--color-text);font-weight:500;margin-bottom:var(--space-6);position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-cta);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.testimonial-author-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:2px}.testimonial-author-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.earnings-stat-sub-grid{grid-template-columns:1fr;gap:var(--space-6)}.earnings-stat-main h3{font-size:48px}.landing-benefits-grid{grid-template-columns:1fr}.testimonial-quote{font-size:var(--font-size-lg)}}:root{--color-accent: #6E61FC;--color-accent-hover: #8579FE;--color-accent-strong: #4A3AFF;--color-accent-foreground: #FFFFFF;--gradient-accent: linear-gradient(135deg, #4A3AFF, #8B7FFE);--gradient-cta: linear-gradient(135deg, #4A3AFF 0%, #8B7FFE 100%);--gradient-progress: linear-gradient(90deg, #6E61FC, #A78BFA);--gradient-text: linear-gradient(to right, #6E61FC 0%, #A78BFA 100%);--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Geist", -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .22s ease;--transition-slow: .38s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--nav-height: 64px}:root,[data-theme=light]{--color-bg: #F6F7FB;--color-bg-elevated: #FFFFFF;--color-surface: #FFFFFF;--color-surface-2: #F9FAFC;--color-surface-3: #F3F4F8;--color-surface-hover: #F0F1F6;--color-surface-inverted: #14141A;--color-accent-subtle: rgba(110, 97, 252, .1);--color-accent-soft: rgba(110, 97, 252, .06);--color-text: #111827;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-on-accent: #FFFFFF;--color-border: #E5E7EB;--color-border-light: rgba(229, 231, 235, .7);--color-border-strong: #D1D5DB;--color-success: #10B981;--color-success-strong: #059669;--color-success-subtle: rgba(16, 185, 129, .12);--color-warning: #F59E0B;--color-warning-strong: #B45309;--color-warning-subtle: rgba(245, 158, 11, .14);--color-error: #EF4444;--color-error-strong: #B91C1C;--color-error-subtle: rgba(239, 68, 68, .12);--color-info: #3B82F6;--color-info-subtle: rgba(59, 130, 246, .12);--color-pending: #6E61FC;--color-pending-subtle: rgba(110, 97, 252, .12);--gradient-page: radial-gradient(ellipse 55% 35% at 15% 8%, rgba(110, 97, 252, .1), transparent 70%), radial-gradient(ellipse 50% 30% at 90% 20%, rgba(59, 130, 246, .06), transparent 70%), linear-gradient(180deg, #F8F9FF 0%, #EEF0F8 100%);--gradient-hero: linear-gradient(160deg, #FFFFFF 0%, #F8F9FA 55%, #EEF0F8 100%);--gradient-hero-2: var(--gradient-hero);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%);--shadow-xs: 0 1px 2px rgba(17, 24, 39, .04);--shadow-sm: 0 1px 3px rgba(17, 24, 39, .05), 0 1px 2px rgba(17, 24, 39, .03);--shadow-card: 0 4px 8px -2px rgba(17, 24, 39, .04), 0 2px 4px -2px rgba(17, 24, 39, .02);--shadow-elevated: 0 10px 25px -5px rgba(17, 24, 39, .08), 0 8px 10px -6px rgba(17, 24, 39, .04);--shadow-modal: 0 25px 50px -12px rgba(17, 24, 39, .18);--shadow-accent: 0 4px 14px rgba(110, 97, 252, .3);--chart-grid: rgba(17, 24, 39, .06);--chart-axis: #9CA3AF;--chart-tooltip-bg: #FFFFFF;--chart-tooltip-border: #E5E7EB;color-scheme:light}[data-theme=dark]{--color-bg: #0E0E12;--color-bg-elevated: #16161D;--color-surface: #1A1A22;--color-surface-2: #1E1E27;--color-surface-3: #23232E;--color-surface-hover: #25252F;--color-surface-inverted: #FFFFFF;--color-accent-subtle: rgba(139, 127, 254, .16);--color-accent-soft: rgba(139, 127, 254, .08);--color-text: #F4F4F8;--color-text-secondary: #B7B7C5;--color-text-muted: #7E7E91;--color-text-on-accent: #FFFFFF;--color-border: #2A2A35;--color-border-light: rgba(255, 255, 255, .06);--color-border-strong: #36364A;--color-success: #22C55E;--color-success-strong: #4ADE80;--color-success-subtle: rgba(34, 197, 94, .16);--color-warning: #F59E0B;--color-warning-strong: #FBBF24;--color-warning-subtle: rgba(245, 158, 11, .16);--color-error: #F87171;--color-error-strong: #FCA5A5;--color-error-subtle: rgba(248, 113, 113, .16);--color-info: #60A5FA;--color-info-subtle: rgba(96, 165, 250, .16);--color-pending: #8B7FFE;--color-pending-subtle: rgba(139, 127, 254, .16);--gradient-page: radial-gradient(ellipse 60% 40% at 12% 5%, rgba(110, 97, 252, .15), transparent 70%), radial-gradient(ellipse 50% 30% at 90% 15%, rgba(96, 165, 250, .07), transparent 70%), radial-gradient(ellipse 70% 40% at 75% 90%, rgba(168, 85, 247, .07), transparent 70%), linear-gradient(180deg, #0E0E12 0%, #131318 100%);--gradient-hero: linear-gradient(160deg, #16161D 0%, #14141A 55%, #0E0E12 100%);--gradient-hero-2: var(--gradient-hero);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 4px 12px -2px rgba(0, 0, 0, .45), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-elevated: 0 14px 30px -6px rgba(0, 0, 0, .55), 0 8px 12px -6px rgba(0, 0, 0, .35);--shadow-modal: 0 30px 60px -12px rgba(0, 0, 0, .7);--shadow-accent: 0 6px 18px rgba(74, 58, 255, .4);--chart-grid: rgba(255, 255, 255, .06);--chart-axis: #6B6B80;--chart-tooltip-bg: #1E1E27;--chart-tooltip-border: #2A2A35;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.1;letter-spacing:-.03em}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}input,textarea,select{font-family:var(--font-sans);font-size:var(--font-size-base);color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.section{padding:var(--space-9) 0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;border:1px solid transparent;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--gradient-cta);color:var(--color-text-on-accent);border:none;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 8px 22px #4a3aff73}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-sm{padding:8px 14px;font-size:var(--font-size-xs)}.btn-md{padding:10px 20px;font-size:var(--font-size-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-size-base)}.form-input{width:100%;padding:10px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-input.error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1);display:flex;align-items:center;gap:4px}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.divider{height:1px;background:var(--color-border);margin:var(--space-6) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .35s ease forwards}.delay-1{animation-delay:.08s;opacity:0}.delay-2{animation-delay:.16s;opacity:0}.delay-3{animation-delay:.24s;opacity:0}.delay-4{animation-delay:.32s;opacity:0}.delay-5{animation-delay:.4s;opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.app>main{flex:1}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-left.in-view{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-right.in-view{opacity:1;transform:translate(0)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .4s cubic-bezier(.2,.8,.2,1) forwards}