*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#111114;--surface2:#18181d;--border:#2a2a32;--border-hi:#3d3d4a;--text:#f0eef8;--text-soft:#8b8a9a;--text-dim:#4a4a58;--accent:#7c6aff;--accent-hi:#9d8fff;--accent-glow:#7c6aff40;--green:#3ddc84;--font-display:"Syne",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--radius:16px;--radius-sm:10px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.fade-up{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.fade-up-1{animation-delay:50ms}.fade-up-2{animation-delay:.12s}.fade-up-3{animation-delay:.2s}.header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0bd9;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:relative}.logo{color:var(--text);letter-spacing:-.02em;cursor:pointer;font-size:1.4rem;font-weight:800;text-decoration:none}.logo-dot{color:var(--accent)}.header-right{align-items:center;gap:12px;display:flex}.header-badge{letter-spacing:.06em;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:5px 12px;font-size:.72rem;font-weight:600}.header-pro-btn{letter-spacing:.04em;color:#0a0a0b;background:linear-gradient(135deg,#c4b5fd 0%,#7c6aff 50%,#3ddc84 100%);border-radius:99px;padding:6px 16px;font-size:.78rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s}.header-pro-btn:hover{opacity:.88;transform:translateY(-1px)}@media (max-width:680px){.header{padding:0 20px}.header-badge{display:none}}