:root{
--bg:#12131a;--panel:#1d2030;--panel2:#272b40;
--primary:#8b5cf6;--text:#fff;--muted:#a0a7c0;
}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
nav{display:flex;gap:20px;padding:16px;background:var(--panel);position:sticky;top:0}
nav a{color:white;text-decoration:none}
.hero{padding:60px;text-align:center;background:linear-gradient(135deg,#1d2030,#3a2377)}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px}
.card{background:var(--panel);padding:16px;border-radius:12px}
.btn{background:var(--primary);padding:10px 16px;border-radius:8px;color:white;text-decoration:none}
.container{padding:20px}
input,textarea{width:100%;padding:10px;margin:8px 0;background:#111827;color:white;border:1px solid #444}
footer{text-align:center;padding:20px;color:var(--muted)}