*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --y:#E8FF00;--y2:rgba(232,255,0,.12);--y3:rgba(232,255,0,.04);
  --w:#FFFFFF;--d1:#888;--d2:#444;--d3:#1a1a1a;
  --bg:#000;--bg2:#080808;--bg3:#0f0f0f;
  --bdr:rgba(255,255,255,.06);--bdry:rgba(232,255,0,.18);
  --red:#FF3333;--green:#33FF88;--cyan:#00FFFF;--orange:#FF8800;
  --f1:'Chakra Petch',sans-serif;
  --f2:'DM Sans',sans-serif;
  --f3:'Fira Code',monospace;
}

/* ─── GLOBAL NAV STYLE ─── */
.cw-nav{
  position:fixed;top:0;left:0;right:0;z-index:1050;
  height:58px;padding:6px 24px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(0,0,0,.90);border-bottom:1px solid var(--bdr);backdrop-filter:blur(14px);
  font-family:var(--f1);
}
.cw-nav-left{display:flex;align-items:center;gap:20px}
.cw-nav-logo{font-size:.95rem;letter-spacing:4px;font-weight:700;color:var(--w);text-decoration:none}
.cw-nav-links{display:flex;gap:8px;list-style:none}
.cw-nav-links a{font-size:.68rem;font-weight:500;letter-spacing:2px;color:var(--d1);text-transform:uppercase;text-decoration:none;padding:7px 10px;border-radius:4px;transition:all .2s}
.cw-nav-links a:hover{color:var(--w);background:rgba(232,255,0,.08)}
.cw-nav-links a.active{color:var(--y);}
.cw-nav-right{display:flex;align-items:center;gap:10px}
.cw-quick{font-size:.62rem;font-weight:700;letter-spacing:2px;background:var(--y);color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.cw-quick:hover{box-shadow:0 0 16px rgba(232,255,0,.35);transform:translateY(-1px)}
.cw-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;background:linear-gradient(135deg,var(--y),#b8cc00);border:2px solid rgba(232,255,0,.3);text-decoration:none;font-weight:700;}
.cw-signout{font-size:.72rem;font-family:var(--f3);color:var(--d1);text-decoration:none;letter-spacing:1px;}
.cw-signout:hover{color:var(--w)}

body.has-cw-nav .page-wrap,
body.has-cw-nav #mainContent,
body.has-cw-nav .content-wrap,
body.has-cw-nav .page-content {
  padding-top:78px!important;
}

body{background:var(--bg);color:var(--w);font-family:var(--f2);overflow-x:hidden;cursor:none}
::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--y);border-radius:2px}

/* ─── THEME SWITCHER ─── */
:root{--theme-hover:rgba(255,255,255,.08);}
html.theme-light{--y:#0078d4;--y2:rgba(0,120,212,.12);--y3:rgba(0,120,212,.04);
  --w:#1c1c1c;--d1:#333;--d2:#555;--d3:#777;
  --bg:#f4f5f7;--bg2:#e8eaee;--bg3:#d9dde4;
  --bdr:rgba(0,0,0,.1);--bdry:rgba(0,120,212,.2);
  --red:#b22b2b;--green:#1a7f48;--cyan:#008a9f;--orange:#b3601a;
}
.theme-switcher{
  position:fixed;right:20px;bottom:20px;z-index:100000;
  border:1px solid var(--bdr);border-radius:999px;padding:10px 14px;
  background:rgba(0,0,0,.5);color:var(--w);cursor:pointer;user-select:none;
  font-family:var(--f1);font-size:.8rem;line-height:1;
  box-shadow:0 8px 30px rgba(0,0,0,.25);transition:all .2s;
}
.theme-switcher:hover{background: rgba(255,255,255,.12);}
html.theme-light .theme-switcher{background:rgba(255,255,255,.9);color:#111;}

/* ─── CURSOR ─── */
#cur{position:fixed;width:16px;height:16px;z-index:99999;pointer-events:none;transform:translate(-50%,-50%)}
#cur::before,#cur::after{content:'';position:absolute;background:var(--y)}
#cur::before{top:7px;left:0;right:0;height:2px}
#cur::after{left:7px;top:0;bottom:0;width:2px}
#curR{
  position:fixed;width:32px;height:32px;
  border:1px solid rgba(232,255,0,.5);
  z-index:99998;pointer-events:none;
  transform:translate(-50%,-50%);
  transition:width .2s,height .2s,opacity .2s;
}
#curR::before,#curR::after{content:'';position:absolute;width:6px;height:6px;border-color:var(--y);border-style:solid}
#curR::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
#curR::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}

/* ─── PARTICLE CANVAS ─── */
#particleCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}

/* ─── SCANLINES ─── */
body::before{
  content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);
}

/* ─── SCROLL REVEAL ─── */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease;will-change:transform,opacity}
.reveal.active{opacity:1;transform:translateY(0)}
.del1{transition-delay:.1s}.del2{transition-delay:.2s}.del3{transition-delay:.3s}.del4{transition-delay:.4s}