/* Fixpunkt Gaming — gemeinsame Farb-/Schrift-Variablen (Design-Tokens).
   Wird von jeder Seite eingebunden -- Akzentfarbe, Schrift etc. hier einmal
   ändern, gilt überall. Enthält den vollen Variablensatz, den irgendeine
   Seite irgendwo braucht (z.B. --red/--green nur für Widerruf/Kündigung-
   Formulare) -- ungenutzte Variablen auf anderen Seiten kosten nichts. */
:root{
  --bg:#09090E;--bg2:#0F1018;--bg3:#14151F;
  --text:#F0F2FF;--sub:#747D94;
  --c1:#22D3EE;--c2:#3B82F6;
  --grad:linear-gradient(90deg,#22D3EE,#3B82F6);
  --grad-d:linear-gradient(90deg,rgba(34,211,238,.12),rgba(59,130,246,.12));
  --glo:rgba(34,211,238,.18);
  --border:rgba(255,255,255,.06);--border-c:rgba(34,211,238,.2);
  --red:#F87171;--red-d:rgba(248,113,113,.1);--red-b:rgba(248,113,113,.25);
  --green:#34D399;--green-d:rgba(52,211,153,.1);--green-b:rgba(52,211,153,.25);
  --ff:'Rajdhani',sans-serif;--fb:'Outfit',sans-serif;--mono:'JetBrains Mono',monospace;
  --r:10px;--t:.22s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
::selection{background:rgba(34,211,238,.15);color:var(--c1)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:rgba(34,211,238,.3);border-radius:3px}
.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r);font-weight:600;font-family:var(--ff);font-size:.9rem;padding:12px 24px;transition:all var(--t);cursor:pointer;border:none;letter-spacing:.05em;text-decoration:none}
.btn-p{background:var(--grad);color:#000}
.btn-p:hover{opacity:.9;box-shadow:0 6px 28px rgba(34,211,238,.25);transform:translateY(-1px);text-decoration:none}