/* ═══════════════════════════════════════════════
   xGaura — style.css  |  Beta Web Analysis Limited
   ═══════════════════════════════════════════════ */

[data-theme="dark"] {
  --bg:#090D13;--bg1:#0E1521;--bg2:#131D2E;--bg3:#192438;--bg4:#1F2C42;
  --border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.11);
  --text:#E6ECF5;--text2:#9DADC4;--text3:#566880;
  --accent:#5B8DB8;--accent-bg:rgba(91,141,184,0.09);--accent-bd:rgba(91,141,184,0.24);
  --accent-dark:rgba(91,141,184,0.18);
  --violet:#7C6FF7;--violet-bg:rgba(124,111,247,0.1);--violet-bd:rgba(124,111,247,0.25);
  --red:#F05252;--red-bg:rgba(240,82,82,0.1);
  --win:#22C55E;--win-bg:rgba(34,197,94,0.12);
  --lose:#F05252;--lose-bg:rgba(240,82,82,0.1);
  --amber:#A89060;--amber-bg:rgba(168,144,96,0.1);--amber-bd:rgba(168,144,96,0.24);
  --green:#22C55E;
  --nav-bg:rgba(9,13,19,0.95);--shadow:0 4px 24px rgba(0,0,0,0.55);
  --drawer-bg:#0B1119;--surface-2:rgba(255,255,255,0.04);
}
[data-theme="light"] {
  --bg:#E8EEF5;--bg1:#F2F6FA;--bg2:#E2EAF2;--bg3:#D2DDEA;--bg4:#C2CEDC;
  --border:rgba(0,0,0,0.09);--border2:rgba(0,0,0,0.16);
  --text:#0A1220;--text2:#3D5168;--text3:#7A93A8;
  --accent:#3A6E96;--accent-bg:rgba(58,110,150,0.08);--accent-bd:rgba(58,110,150,0.22);
  --accent-dark:rgba(58,110,150,0.15);
  --violet:#5B50D6;--violet-bg:rgba(91,80,214,0.08);--violet-bd:rgba(91,80,214,0.22);
  --red:#D63A3A;--red-bg:rgba(214,58,58,0.09);
  --win:#16A34A;--win-bg:rgba(22,163,74,0.1);
  --lose:#D63A3A;--lose-bg:rgba(214,58,58,0.09);
  --amber:#6A8BA8;--amber-bg:rgba(106,139,168,0.09);--amber-bd:rgba(106,139,168,0.24);
  --green:#16A34A;
  --nav-bg:rgba(242,246,250,0.97);--shadow:0 4px 20px rgba(0,0,0,0.12);
  --drawer-bg:#F2F6FA;--surface-2:rgba(0,0,0,0.03);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:15px}
body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65;transition:background .2s,color .2s;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:52px 52px;opacity:.28;transition:opacity .2s}
[data-theme="light"] body::before{opacity:.38}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px;position:relative;z-index:1}

nav{position:sticky;top:0;z-index:300;background:var(--nav-bg);backdrop-filter:blur(22px) saturate(1.6);border-bottom:1px solid var(--border);transition:background .2s}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:58px;gap:12px}
.logo{text-decoration:none;display:inline-flex;align-items:baseline;line-height:1;flex-shrink:0}
.logo-xg{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.42rem;color:var(--accent);letter-spacing:-.04em}
.logo-aura{font-family:'Syne',sans-serif;font-weight:500;font-size:1.42rem;color:var(--text);letter-spacing:.01em}
.logo-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:3px;margin-bottom:3px;align-self:flex-end;flex-shrink:0;display:inline-block}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{font-family:'Lato',sans-serif;font-size:.82rem;font-weight:400;color:var(--text2);text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .15s;white-space:nowrap}
.nav-links a:hover{color:var(--text);background:var(--bg3)}
.nav-links a.active{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:10px}
.theme-lbl{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--text3);letter-spacing:.08em}
.theme-toggle{width:44px;height:23px;cursor:pointer;position:relative;flex-shrink:0;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;transition:background .2s}
.theme-thumb{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--accent);transition:transform .22s}
[data-theme="light"] .theme-thumb{transform:translateX(21px)}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:none;border:none;padding:6px;width:34px;height:34px}
.hamburger span{display:block;width:20px;height:1.5px;background:var(--text2);border-radius:2px;transition:all .28s;transform-origin:center}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.drawer-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,0);pointer-events:none;transition:background .28s}
.drawer-overlay.open{background:rgba(0,0,0,.55);pointer-events:all}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:500;width:min(300px,85vw);background:var(--drawer-bg);border-left:1px solid var(--border2);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.drawer-close{font-family:'JetBrains Mono',monospace;font-size:.72rem;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:6px;padding:5px 11px;cursor:pointer;letter-spacing:.06em;transition:all .15s}
.drawer-close:hover{border-color:var(--accent);color:var(--accent)}
.drawer-nav{padding:12px 0;flex:1}
.drawer-nav a{display:block;padding:13px 22px;font-family:'Lato',sans-serif;font-size:.93rem;font-weight:700;color:var(--text2);text-decoration:none;border-left:2px solid transparent;transition:all .15s}
.drawer-nav a:hover{color:var(--accent);border-left-color:var(--accent);background:var(--accent-bg)}
.drawer-section{padding:10px 22px 6px;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--text3);text-transform:uppercase;letter-spacing:.12em}
.drawer-foot{padding:18px 20px;border-top:1px solid var(--border)}
.drawer-toggle-row{display:flex;align-items:center;justify-content:space-between}
.drawer-toggle-lbl{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--text3);letter-spacing:.08em}

footer{background:var(--bg1);border-top:1px solid var(--border);padding:42px 0 24px;margin-top:24px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;margin-bottom:34px}
.fb-p{font-size:.79rem;color:var(--text3);line-height:1.7;margin-top:12px}
.fc h5{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:13px}
.fc a{display:block;font-size:.8rem;color:var(--text2);text-decoration:none;margin-bottom:8px;transition:color .13s}
.fc a:hover{color:var(--accent)}
.disc{background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:12px 16px;font-size:.71rem;color:var(--text3);line-height:1.65;margin-bottom:20px}
.fb{border-top:1px solid var(--border);padding-top:17px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'JetBrains Mono',monospace;font-size:.63rem;color:var(--text3)}
.fb a{color:var(--text3);text-decoration:none}
.fb a:hover{color:var(--accent)}
.fls{display:flex;gap:17px}

@media(max-width:820px){.nav-links,.theme-lbl{display:none}.hamburger{display:flex}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:580px){html{font-size:14px}.fg{grid-template-columns:1fr;gap:22px}}