/* ===================== RESET ===================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}

/* ===================== DESIGN TOKENS ===================== */
:root{
  --bg0:#07070f;--bg1:#0f0f1e;--bg2:#151530;--bg3:#1e1e42;--bg4:#26265a;
  --bdr:#2e2e6a;--bdr2:#3a3a80;
  --purple:#7c3aed;--purple2:#9d5cf0;--cyan:#00d2d3;--gold:#ffd700;
  --pink:#e84393;--green:#00b894;--orange:#e17055;--blue:#0984e3;
  --txt0:#f0f0ff;--txt1:#aaaacc;--txt2:#666688;--txt3:#333355;
  --exec:#7c3aed;--tech:#0984e3;--design:#e84393;--biz:#00b894;--supp:#e17055;
  --r:10px;
}
body{font-family:'Inter',sans-serif;background:var(--bg0);color:var(--txt0)}

/* ===================== SCROLLBAR ===================== */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--bg1)}
::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--purple)}

/* ===================== LOADING ===================== */
#loading{
  position:fixed;inset:0;background:var(--bg0);z-index:9999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  transition:opacity .6s
}
#loading.gone{opacity:0;pointer-events:none}
.ld-logo{font-family:'Press Start 2P';font-size:clamp(10px,2.5vw,20px);color:var(--gold);
  text-shadow:0 0 24px rgba(255,215,0,.6);text-align:center;line-height:2.2}
.ld-sub{font-family:'Press Start 2P';font-size:clamp(7px,1.5vw,10px);color:var(--cyan);margin-bottom:20px}
.ld-bar-wrap{width:200px;height:5px;background:var(--bg3);border:1px solid var(--bdr);border-radius:3px;overflow:hidden}
.ld-bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));
  animation:ldprog 2.2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes ldprog{from{width:0}to{width:100%}}
.ld-txt{font-size:9px;color:var(--txt2);margin-top:6px;animation:blink 1s steps(1) infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}