@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500&display=swap";:root{--brand: #4F46E5;--brand-lt: #818CF8;--brand-dk: #3730A3;--brand-dim: rgba(79,70,229,.12);--brand-border: rgba(79,70,229,.3);--accent: #10B981;--accent-lt: #6EE7B7;--gold: #F59E0B;--bg-0: #07080A;--bg-1: #0C0D10;--bg-2: #111318;--bg-3: #181A20;--bg-4: #1F2028;--bg-card: rgba(255,255,255,.03);--bg-hover: rgba(255,255,255,.055);--text-1: #F2F2F7;--text-2: #ABABBA;--text-3: #6B6B78;--text-4: #3A3A42;--line-1: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.1);--line-3: rgba(255,255,255,.18);--f: "Geist", -apple-system, sans-serif;--mono: "Geist Mono", monospace;--nav-h: 64px;--max-w: 1200px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--t-fast: all .1s ease;--t-mid: all .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg-0);color:var(--text-1);font-family:var(--f);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--r);font-size:14px;font-weight:600;font-family:var(--f);transition:var(--t-fast);cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover:not(:disabled){background:var(--brand-lt);box-shadow:0 4px 16px #4f46e54d}.btn-outline{background:transparent;color:var(--text-2);border-color:var(--line-2)}.btn-outline:hover:not(:disabled){color:var(--text-1);border-color:var(--line-3);background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-3);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--text-1);background:var(--bg-hover)}.btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--r-lg)}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-accent{background:var(--accent);color:#000}.btn-accent:hover:not(:disabled){background:var(--accent-lt)}.card{background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-xl);transition:var(--t-mid)}.card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card-brand:hover{border-color:var(--brand-border);box-shadow:0 0 0 1px var(--brand-border),0 4px 20px #4f46e51f}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:11px;font-weight:600;font-family:var(--mono)}.badge-brand{background:var(--brand-dim);color:var(--brand-lt);border:1px solid var(--brand-border)}.badge-free{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}.badge-gold{background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.badge-gray{background:#ffffff0f;color:var(--text-3);border:1px solid var(--line-2)}input,select,textarea{width:100%;padding:9px 13px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text-1);font-size:14px;font-family:var(--f);outline:none;transition:var(--t-fast)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51a}input::placeholder{color:var(--text-4)}label{font-size:13px;font-weight:500;color:var(--text-2);display:block;margin-bottom:5px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r)}.progress-bar{height:6px;background:var(--bg-3);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:var(--r-full);transition:width .4s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#07080ae0;backdrop-filter:blur(20px);border-bottom:1px solid var(--line-1);display:flex;align-items:center;padding:0 24px}.nav-logo{display:flex;align-items:center;gap:10px;margin-right:36px;flex-shrink:0}.nav-logo-icon{width:32px;height:32px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:16px}.nav-logo-text{font-size:17px;font-weight:800;letter-spacing:-.04em}.nav-logo-text span{color:var(--brand-lt)}.nav-links{display:flex;align-items:center;gap:2px;flex:1}.nav-link{padding:6px 12px;border-radius:var(--r);font-size:13.5px;font-weight:500;color:var(--text-3);transition:var(--t-fast)}.nav-link:hover{color:var(--text-1);background:var(--bg-hover)}.nav-link.active{color:var(--text-1);background:var(--bg-3)}.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}.section-eyebrow{font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-lt);margin-bottom:8px}.section-title{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:10px}.section-sub{font-size:15px;color:var(--text-3);line-height:1.65}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.anim-up{animation:fadeUp .45s ease forwards}@media (max-width:768px){.container,.nav{padding:0 16px}.nav-links{display:none}}