:root{
  --primary:#7c3aed;
  --primary-strong:#6d28d9;
  --primary-soft:rgba(124,58,237,.18);
  --accent:#d8aa3d;
  --accent-strong:#f3c75f;
  --accent-soft:rgba(216,170,61,.16);
  --danger:#ef4444;
  --danger-soft:rgba(239,68,68,.15);
  --success:#22c55e;
  --success-soft:rgba(34,197,94,.14);
  --ink:#f8fafc;
  --ink-strong:#ffffff;
  --muted:#a7b0c2;
  --muted-2:#778195;
  --panel:#15131c;
  --panel-2:#1c1927;
  --panel-3:#232032;
  --field:#100f17;
  --soft:rgba(255,255,255,.12);
  --soft-2:rgba(216,170,61,.24);
  --shadow:0 18px 48px rgba(0,0,0,.34);
  --shadow-soft:0 10px 28px rgba(0,0,0,.24);
  --radius:18px;
  --radius-sm:10px;
  --max:1120px;
}

*{box-sizing:border-box}

html{
  min-height:100%;
  background:#09070d;
}

body{
  margin:0;
  min-height:100vh;
  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(900px 520px at 8% -8%, rgba(124,58,237,.26), transparent 60%),
    radial-gradient(760px 460px at 92% -6%, rgba(216,170,61,.17), transparent 58%),
    linear-gradient(180deg, #100d18 0%, #08070c 48%, #0d0b12 100%);
  line-height:1.55;
  text-rendering:optimizeLegibility;
}

a{
  color:inherit;
  text-underline-offset:3px;
}

img{
  max-width:100%;
}

.container{
  width:min(var(--max), calc(100% - 2rem));
  margin:0 auto;
}

.top{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(216,170,61,.22);
  background:rgba(12,10,18,.88);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}

.top-inner{
  min-height:74px;
  padding:.85rem 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.brand{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:var(--ink-strong);
  text-decoration:none;
}

.mark{
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(216,170,61,.28), rgba(124,58,237,.24));
  border:1px solid rgba(216,170,61,.32);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;