*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--grad-1: #7c3aed;--grad-2: #f59e0b;--grad-3: #f97316;--gradient: linear-gradient(135deg, var(--grad-1), var(--grad-2), var(--grad-3));--gradient-text: linear-gradient(90deg, #7c3aed, #f59e0b, #f97316);--bg: #faf5ff;--bg-2: #fdf2f8;--bg-glass: rgba(255,255,255,.8);--border: rgba(217,70,239,.12);--border-accent: rgba(124,58,237,.25);--text: #020617;--text-2: #1e293b;--muted: #475569;--dim: #94a3b8;--card-bg: rgba(255,255,255,.75);--card-border: rgba(124,58,237,.15);--input-bg: rgba(255,255,255,.9);--input-border: rgba(124,58,237,.2);--glow-1: rgba(124,58,237,.12);--glow-2: rgba(245,158,11,.1)}[data-theme=dark]{--bg: #050505;--bg-2: #0a0a0c;--bg-glass: rgba(10,10,12,.6);--border: rgba(255,255,255,.06);--border-accent: rgba(124,58,237,.3);--text: #f8fafc;--text-2: #cbd5e1;--muted: #94a3b8;--dim: #64748b;--card-bg: rgba(255,255,255,.04);--card-border: rgba(124,58,237,.2);--input-bg: rgba(255,255,255,.06);--input-border: rgba(124,58,237,.25);--glow-1: rgba(124,58,237,.18);--glow-2: rgba(245,158,11,.12)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.bg-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-glow-a{position:absolute;top:-15%;left:30%;width:600px;height:600px;background:radial-gradient(ellipse,var(--glow-1) 0%,transparent 65%);transform:translate(-50%)}.bg-glow-b{position:absolute;bottom:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(ellipse,var(--glow-2) 0%,transparent 65%)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px);background-size:72px 72px}[data-theme=light] .bg-grid{background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px)}nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;max-width:900px;margin:0 auto;width:100%}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-logo-img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 8px rgba(124,58,237,.5));transition:filter .3s,transform .3s}.nav-logo:hover .nav-logo-img{filter:drop-shadow(0 0 14px rgba(245,158,11,.7));transform:scale(1.05)}.nav-logo-name{font-family:Outfit,sans-serif;font-weight:900;font-size:1.05rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-right{display:flex;align-items:center;gap:24px}.nav-link{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text)}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-accent);background:var(--card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s,transform .2s;color:var(--text)}.theme-toggle:hover{background:var(--border-accent);transform:scale(1.1)}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:20px 32px;max-width:900px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-brand{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.footer-links{display:flex;gap:18px}.footer-link{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text)}.grad-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-label{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}.page-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(124,58,237,.3),transparent);display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:540px){nav{padding:18px 20px}footer{flex-direction:column;gap:10px;text-align:center}.nav-right{gap:14px}}