/* ── LSHcloud Design System — Base Stylesheet ─────────────────────────────
   Shared across all portal pages. Page-specific layout lives inline.
   ─────────────────────────────────────────────────────────────────────── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#090805;--bg2:#050402;--surface:#0e0c08;--surface-h:#161310;
  --border:#1a1810;--border-h:#2a2318;
  --accent:#ddd0aa;--accent-dim:rgba(221,208,170,0.11);--accent-glow:rgba(221,208,170,0.22);
  --text:#f6edd8;--text-mid:#b0a28a;--text-dim:#504838;--text-sub:#726656;
  --red:#b07070;
  --mono:'JetBrains Mono',monospace;--sans:'Syne',sans-serif;
  --r:10px;--rl:14px;
}

html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}

/* Background canvas */
#bg-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

/* Top radial glow */
body::after{
  content:'';
  position:fixed;top:-180px;left:50%;
  transform:translateX(-50%);
  width:600px;height:360px;
  background:radial-gradient(ellipse,rgba(221,208,170,0.07) 0%,transparent 70%);
  pointer-events:none;z-index:0;
}

/* Scrollbar */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}