@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@300;400;500;600&family=Orbitron:wght@400;700;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--rgb-angle:0deg}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#f5f5f0;--bg2:#eeeee8;--fg:#0a0a0a;--fg2:#555;--accent:#1a7a3c;--accent2:#145f2e;--accent-light:#1a7a3c14;--card:#fff;--border:#e0e0d8;--radius:16px;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--font-sans:"Space Grotesk", sans-serif;--font-gamer:"Orbitron", monospace}html[data-mode=gamer],body[data-mode=gamer],[data-mode=gamer]{--bg:#03030a;--bg2:#080818;--fg:#e8e8ff;--fg2:#7070aa;--accent:#0f8;--accent2:#00cc6a;--accent-light:#00ff8812;--card:#07071a;--border:#15152a;--font-display:"Orbitron", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);min-height:100vh;transition:background .6s,color .6s;overflow-x:hidden}[data-mode=gamer] body,[data-mode=gamer]{background:var(--bg)}[data-mode=gamer] .gamer-bg-effects{pointer-events:none;z-index:0;position:fixed;inset:0}[data-mode=gamer] .gamer-bg-effects:before{content:"";background:radial-gradient(80% 50% at 10% 10%,#ff00800f 0%,#0000 55%),radial-gradient(60% 60% at 90% 90%,#0050ff0f 0%,#0000 55%),radial-gradient(50% 70%,#00ff8808 0%,#0000 55%);animation:12s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}@keyframes bgPulse{0%{filter:hue-rotate();opacity:.7}to{filter:hue-rotate(45deg);opacity:1}}[data-mode=gamer] .gamer-bg-effects:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 4px);position:absolute;inset:0}[data-mode=gamer] .gamer-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#00ff8805 1px,#0000 1px),linear-gradient(90deg,#00ff8805 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}@property --rgb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rgbSpin{to{--rgb-angle:360deg}}@keyframes rgbGlow{0%{box-shadow:0 0 8px #ff008080,0 0 20px #ff008033}25%{box-shadow:0 0 8px #0064ff80,0 0 20px #0064ff33}50%{box-shadow:0 0 8px #00ff8880,0 0 20px #0f83}75%{box-shadow:0 0 8px #ffff0080,0 0 20px #ff03}to{box-shadow:0 0 8px #ff008080,0 0 20px #ff008033}}[data-mode=gamer] .rgb-border{animation:4s linear infinite rgbGlow;position:relative}[data-mode=gamer] .rgb-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--rgb-angle), #ff0080, #0064ff, #0f8, #ff0, #ff0080);z-index:-1;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;animation:4s linear infinite rgbSpin;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-mode=gamer] .glitch{animation:6s infinite glitchBase;position:relative}[data-mode=gamer] .glitch:before,[data-mode=gamer] .glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}[data-mode=gamer] .glitch:before{color:#ff0080;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:6s infinite glitch1}[data-mode=gamer] .glitch:after{color:#00d4ff;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:6s infinite glitch2}@keyframes glitchBase{0%,90%,to{transform:none}91%{transform:translate(-1px,1px)}92%{transform:translate(1px,-1px)}93%{transform:none}}@keyframes glitch1{0%,90%,to{opacity:0;transform:none}91%{opacity:.8;transform:translate(-3px)}92%{opacity:.8;transform:translate(3px)}93%{opacity:0;transform:none}}@keyframes glitch2{0%,90%,to{opacity:0;transform:none}91%{opacity:.8;transform:translate(3px)}92%{opacity:.8;transform:translate(-3px)}93%{opacity:0;transform:none}}[data-mode=gamer] *{cursor:crosshair!important}[data-mode=gamer] .glow{text-shadow:0 0 15px var(--accent), 0 0 30px #0f86, 0 0 60px #00ff8826}[data-mode=gamer] .glow-sm{text-shadow:0 0 10px var(--accent), 0 0 20px #00ff884d}[data-mode=gamer] .flicker{animation:5s ease-in-out infinite neonFlicker}@keyframes neonFlicker{0%,94%,96%,98%,to{opacity:1}95%{opacity:.6}97%{opacity:.8}99%{opacity:.7}}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}[data-mode=gamer] ::-webkit-scrollbar-thumb{background:var(--accent);box-shadow:0 0 6px var(--accent)}[data-mode=gamer] ::selection{color:var(--fg);background:#00ff8840}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}