:root{--bg:#0a0f1a;--bg2:#111827;--accent:#b829ff;--accent2:#9c25e0;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,15,26,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem}
nav .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}
nav .nav-links{display:flex;gap:2rem}
nav a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}
nav a:hover,nav a.active{color:var(--accent)}
footer{border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--muted);font-size:.85rem}
footer a{color:var(--accent);text-decoration:none}
.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;cursor:pointer;border:none}
.btn-primary{background:var(--accent);color:#0a0f1a;box-shadow:0 0 15px rgba(184,41,255,.4),0 0 30px rgba(184,41,255,.2)}
.btn-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 0 20px rgba(184,41,255,.6),0 0 40px rgba(184,41,255,.3)}
.btn-outline{border:1px solid var(--border);color:var(--text);background:transparent}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px rgba(184,41,255,.2)}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.fade-in.visible{opacity:1;transform:translateY(0)}
@media(max-width:640px){nav .nav-links{gap:1rem}nav a{font-size:.8rem}}