﻿:root {
      --bg:#080808;
      --panel:rgba(255,255,255,0.035);
      --line:rgba(255,255,255,0.08);
      --text:#f0f0f0;
      --text-dim:#c1c8d4;
      --muted:#8d97a7;
      --accent:#eff923;
      --accent-glow:rgba(239,249,35,0.22);
      --fd:'Barlow Condensed', sans-serif;
      --fb:'Barlow', sans-serif;
      --fm:'JetBrains Mono', monospace;
    }
    * { box-sizing:border-box; }
    body {
      margin:0;
      min-height:100vh;
      background:var(--bg);
      color:var(--text);
      font-family:var(--fb);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      text-rendering:geometricPrecision;
    }
    a { color:inherit; text-decoration:none; }
    .topbar {
      height:72px;
      display:flex;
      align-items:center;
      gap:28px;
      padding:0 36px;
      border-bottom:1px solid var(--line);
      background:#06080b;
      position:sticky;
      top:0;
      z-index:10;
      overflow:hidden;
    }
    .topbar::after {
      content:'';
      position:absolute;
      bottom:0; left:0; right:0;
      height:1px;
      background:linear-gradient(90deg, transparent, var(--accent), transparent);
      background-size:200% 100%;
      animation:shimmer 5s ease-in-out infinite;
      opacity:0.35;
    }
    @keyframes shimmer { 0%{background-position:-100% 0} 100%{background-position:200% 0} }
    .brand {
      display:flex;
      align-items:center;
      gap:8px;
      font-family:var(--fd);
      font-size:34px;
      line-height:1;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:0;
      word-spacing:-0.08em;
      white-space:nowrap;
      padding-right:26px;
      border-right:1px solid rgba(255,255,255,0.08);
    }
    .brand-wordmark { color:inherit; text-shadow:none; }
    .brand .brand-initial { color:var(--accent); }
    .nav {
      display:flex;
      gap:0;
      overflow-x:auto;
      scrollbar-width:none;
      flex:1;
      align-items:center;
    }
    .nav::-webkit-scrollbar { display:none; }
    .nav a {
      height:72px;
      display:flex;
      align-items:center;
      padding:0 20px;
      color:rgba(255,255,255,0.58);
      font-family:var(--fd);
      font-size:14px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.14em;
      transition:color 0.16s ease;
      white-space:nowrap;
      text-decoration:none;
    }
    .nav a:hover { color:var(--text); }
    .nav a.active { color:var(--accent); }
    .legal-shell {
      max-width:920px;
      margin:0 auto;
      padding:64px 24px 80px;
    }
    .legal-kicker {
      margin-bottom:12px;
      color:var(--accent);
      font-family:var(--fd);
      font-size:12px;
      font-weight:900;
      letter-spacing:0.18em;
      text-transform:uppercase;
    }
    h1 {
      margin:0 0 18px;
      font-family:var(--fd);
      font-size:48px;
      line-height:0.95;
      letter-spacing:0.03em;
      text-transform:uppercase;
    }
    .legal-card {
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:5px;
      padding:28px;
    }
    .legal-card p {
      margin:0 0 16px;
      color:var(--text-dim);
      font-size:15px;
      line-height:1.7;
    }
    .legal-card p:last-child { margin-bottom:0; }
    .site-footer {
      display:grid;
      grid-template-columns:1fr auto;
      gap:12px 32px;
      align-items:center;
      padding:22px 36px;
      border-top:1px solid rgba(239,249,35,0.16);
      background:
        linear-gradient(180deg, rgba(239,249,35,0.035) 0%, transparent 42%),
        rgba(6,6,6,0.96);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.035);
    }
    .site-footer-links { display:flex; flex-wrap:wrap; gap:28px; }
    .site-footer-links a {
      color:var(--text-dim);
      font-family:var(--fd);
      font-size:11px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      transition:color 0.15s;
    }
    .site-footer-links a:hover { color:var(--accent); }
    .site-footer-disclaimer {
      color:var(--text-dim);
      font-size:13px;
      font-weight:600;
      text-align:right;
    }
    .site-footer-copy {
      grid-column:1 / -1;
      color:var(--muted);
      font-family:var(--fm);
      font-size:10px;
    }

