:root{
  --bg-0:#0a0a12;
  --bg-vignette-1:#1c1530;
  --bg-vignette-2:#0a0a12;
  --sidebar-bg:#101018;
  --card-bg:#14141f;
  --card-bg-2:#181823;
  --card-border:rgba(255,255,255,0.07);
  --input-bg:#edebfb;
  --input-bg-focus:#ffffff;
  --input-text:#17162a;
  --accent:#6c5ce7;
  --accent-2:#8a7cf5;
  --accent-soft:rgba(108,92,231,0.15);
  --text-primary:#ffffff;
  --text-secondary:#9c9bb4;
  --text-muted:#65647c;
  --green:#2fbfa0;
  --orange:#f2a340;
  --red:#f16a6a;
  --danger:#f16a6a;
  --radius:14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--bg-0);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  color:var(--text-primary);
}
.logo{
  border-radius:50%; flex-shrink:0;
  background:conic-gradient(from -40deg, var(--green) 0deg 120deg, var(--orange) 120deg 220deg, var(--accent) 220deg 360deg);
}
.btn-primary{
  background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  color:#fff; border:none; padding:10px 18px; border-radius:9px; font-size:13px; font-weight:700;
  cursor:pointer; box-shadow:0 6px 18px rgba(108,92,231,0.3);
}