:root{--bg:#03050a;--bg2:#070b14;--surface:#0b1120;--surface2:#0f1628;--border:#162035;--border2:#1e2d45;--accent:#00cfff;--accent2:#0052cc;--green:#00e676;--red:#ff3d57;--gold:#ffd600;--text:#dde8f5;--text2:#7a9bbf;--text3:#3a5570;--text4:#1a2840}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans KR,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,207,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(0,207,255,.025) 1px,transparent 0);background-size:48px 48px;pointer-events:none;z-index:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes rot{to{transform:rotate(1turn)}}@keyframes rin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}