:root{
 --p:#6c63ff;--bg:#0b0b12;--c:#151525;--cs:#1c1c32;
 --t:#f1f1f6;--m:#9aa0b3;--b:rgba(255,255,255,.08)
}
*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
body{
 margin:0;background:linear-gradient(180deg,#0e0e1a,var(--bg));
 color:var(--t)
}
a{text-decoration:none;color:var(--p)}
.container{max-width:1100px;margin:auto;padding:48px 6%}
.nav{
 position:sticky;top:0;z-index:50;
 display:flex;justify-content:space-between;align-items:center;
 padding:18px 6%;border-bottom:1px solid var(--b);
 background:rgba(11,11,18,.85);backdrop-filter:blur(10px)
}
.brand{font-weight:800;font-size:1.1rem}
.btn{
 background:var(--p);color:#fff;padding:10px 18px;
 border-radius:10px;font-weight:600
}
.card{
 background:linear-gradient(180deg,var(--cs),var(--c));
 border:1px solid var(--b);border-radius:20px;
 padding:26px;margin-bottom:22px
}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.muted{color:var(--m)}
input,textarea,button{
 width:100%;padding:12px;border-radius:12px;
 border:1px solid var(--b);background:#0f0f1e;color:#fff;margin-bottom:12px
}
button{background:var(--p);border:none;font-weight:700}
footer{border-top:1px solid var(--b);padding:32px 6%;text-align:center;color:var(--m)}