@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--pixel-primary:#fbbf24;--pixel-secondary:#b45309;--pixel-bg:#0a0a0a;--pixel-card-bg:#1a1a1a;--pixel-border-color:#000}.pixel-art-theme{image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;background-color:var(--pixel-bg);font-family:"Press Start 2P",cursive}.pixel-border-outer{box-shadow:0 -4px var(--pixel-border-color),0 4px var(--pixel-border-color),-4px 0 var(--pixel-border-color),4px 0 var(--pixel-border-color)}.pixel-border-inner{box-shadow:inset 0 4px #fff3,inset 0 -4px #0006,inset 4px 0 #fff3,inset -4px 0 #0006}.pixel-card{background:var(--pixel-card-bg);border:4px solid var(--pixel-border-color);transition:all .1s steps(4,end);position:relative;box-shadow:0 8px #00000080}.pixel-card:hover{border-color:var(--pixel-primary);transform:translateY(-4px);box-shadow:0 12px #0009}.pixel-button{background-color:var(--pixel-primary);color:#000;text-transform:uppercase;cursor:pointer;box-shadow:inset -4px -4px 0 0 var(--pixel-secondary),inset 4px 4px 0 0 #fff6,0 6px 0 0 #00000080;border:4px solid #000;padding:12px 24px;font-size:10px;font-weight:700;transition:all 50ms steps(2,end);display:inline-block;position:relative}.pixel-button:active{box-shadow:inset 4px 4px 0 0 var(--pixel-secondary),0 2px 0 0 #00000080;transform:translateY(4px)}.pixel-button-secondary{color:#fff;background-color:#333;box-shadow:inset -4px -4px #1a1a1a,inset 4px 4px #555,0 6px #00000080}.pixel-text-shadow{text-shadow:4px 4px #000}.pixel-text-glow{text-shadow:0 0 10px var(--pixel-primary)}.pixel-float{animation:3s steps(8,end) infinite pixel-float}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pixel-pulse{animation:2s steps(4,end) infinite pixel-pulse}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.7}}.image-pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
@keyframes cyber-scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes cyber-pulse-cyan{0%,to{border-color:#00f0ffcc;box-shadow:0 0 15px #00f0ff66,inset 0 0 15px #00f0ff33}50%{border-color:#00f0ff;box-shadow:0 0 25px #00f0ffb3,inset 0 0 25px #00f0ff59}}@keyframes cyber-pulse-pink{0%,to{border-color:#f05c;box-shadow:0 0 15px #f056,inset 0 0 15px #f053}50%{border-color:#f05;box-shadow:0 0 25px #ff0055b3,inset 0 0 25px #ff005559}}@keyframes cyber-laser{0%{left:-100%}to{left:200%}}.cyber-grid-bg{background-image:linear-gradient(90deg,#00f0ff0d 1px,#0000 1px),linear-gradient(#00f0ff0d 1px,#0000 1px);background-size:40px 40px}.cyber-chamfer{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.cyber-chamfer-lg{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.cyber-chamfer-top-right{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.cyber-border-glow-cyan{border:1px solid #00f0ff99;box-shadow:0 0 12px #00f0ff40,inset 0 0 8px #00f0ff1a}.cyber-border-glow-pink{border:1px solid #f059;box-shadow:0 0 12px #ff005540,inset 0 0 8px #ff00551a}.cyber-text-glow-cyan{text-shadow:0 0 10px #00f0ffb3,0 0 20px #00f0ff66}.cyber-text-glow-pink{text-shadow:0 0 10px #ff0055b3,0 0 20px #f056}.cyber-scanline-overlay{background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px}