:root{--color-void: #0a0e17;--color-void-light: #0d1424;--color-void-panel: #111a2e;--color-neon-cyan: #00fff5;--color-neon-cyan-dim: #00b8b0;--color-neon-cyan-bg: #004440;--color-neon-cyan-glow: rgba(0, 255, 245, .5);--color-neon-cyan-glow-soft: rgba(0, 255, 245, .2);--color-neon-cyan-scanline: rgba(0, 255, 245, .015);--color-neon-amber: #ffbe0b;--color-neon-amber-bg: #664004;--color-neon-amber-glow: rgba(255, 190, 11, .5);--color-neon-amber-glow-soft: rgba(255, 190, 11, .2);--color-neon-red: #ff4757;--color-neon-red-glow: rgba(255, 71, 87, .5);--color-neon-green: #00ff88;--color-neon-green-bg: #004422;--color-neon-green-glow: rgba(0, 255, 136, .5);--color-neon-purple: #bb86fc;--color-neon-purple-bg: #330055;--color-neon-purple-glow: rgba(187, 134, 252, .5);--color-neon-white-glow: rgba(255, 255, 255, .5);--color-holo-border: rgba(0, 255, 245, .25);--color-holo-bg: rgba(13, 20, 36, .85);--color-text-primary: #e0e6f0;--color-text-secondary: #7a8ba8;--color-scrollbar-track: rgba(0, 0, 0, .3);--font-mono: "Share Tech Mono", "Fira Code", monospace;--font-display: "Orbitron", "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-void);color:var(--color-text-primary);font-family:var(--font-mono);line-height:1.7;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;@media(min-width:1024px){height:100vh}}a{text-decoration:none;color:inherit}.custom-scrollbar{&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:3px}&::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px;&:hover{background:var(--color-neon-cyan)}}}.glow-cyan{text-shadow:0 0 7px var(--color-neon-cyan-glow),0 0 20px var(--color-neon-cyan-glow-soft)}.glow-amber{text-shadow:0 0 7px var(--color-neon-amber-glow),0 0 20px var(--color-neon-amber-glow-soft)}.holo-panel{background:transparent;border-radius:8px}section.cyber-box{position:relative;border:none;background:transparent;border-radius:0;z-index:0;display:flex;flex-direction:column;padding:1rem;&:before{content:"";position:absolute;inset:0;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);z-index:-2}&:after{content:"";position:absolute;inset:2px;background:var(--color-holo-bg);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);z-index:-1}}.cyber-box{&.cyan:before{background:var(--color-neon-cyan-bg);filter:drop-shadow(0 0 6px var(--color-neon-cyan-glow))}&.amber:before{background:var(--color-neon-amber-bg);filter:drop-shadow(0 0 6px var(--color-neon-amber-glow))}&.red:before{background:#601;filter:drop-shadow(0 0 6px var(--color-neon-red-glow))}&.green:before{background:var(--color-neon-green-bg);filter:drop-shadow(0 0 6px var(--color-neon-green-glow))}&.purple:before{background:var(--color-neon-purple-bg);filter:drop-shadow(0 0 6px var(--color-neon-purple-glow))}&.white:before{background:#fff;filter:drop-shadow(0 0 6px var(--color-neon-white-glow))}}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--color-neon-cyan-scanline) 2px,var(--color-neon-cyan-scanline) 4px);pointer-events:none;z-index:50}.sci-fi-btn{--theme-color: var(--color-neon-cyan);--bg-color: var(--color-neon-cyan-bg);--text-color: var(--color-text-primary);--outer-clip: polygon( 0 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100% );--inner-clip: polygon( 0 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 11px) , calc(100% - 11px) calc(100% - 1px) , 12px calc(100% - 1px) , 0 calc(100% - 13px) );position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:6px 16px;box-sizing:border-box;transition:all .3s cubic-bezier(.25,.8,.25,1);min-height:28px;width:100%;&:hover{--bg-color: rgba(0, 255, 245, .1);--text-color: #ffffff;filter:drop-shadow(0 0 5px var(--color-neon-cyan-glow))}&.active{--theme-color: var(--color-neon-amber);--bg-color: var(--color-void-panel);--text-color: #ffffff;--outer-clip: polygon( 0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100% );--inner-clip: polygon( 0 2px, calc(100% - 13px) 2px, calc(100% - 1px) 14px, calc(100% - 1px) calc(100% - 2px) , 18px calc(100% - 2px) , 0 calc(100% - 20px) );&:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:8px;height:16px;background:var(--theme-color);clip-path:polygon(3px 0,100% 0,100% 100%,3px 100%,0 calc(100% - 3px),0 3px);z-index:1}}.background-layer{position:absolute;inset:0;background:var(--theme-color);z-index:1;clip-path:var(--outer-clip);transition:clip-path .3s ease,background .3s ease}.inner-layer{position:absolute;inset:0;background:var(--bg-color);z-index:2;clip-path:var(--inner-clip);transition:clip-path .3s ease,background .3s ease}.label{position:relative;z-index:3;color:var(--text-color);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}}.text-cyan{color:var(--color-neon-cyan)}.text-amber{color:var(--color-neon-amber)}.text-white{color:#fff}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.uppercase{text-transform:uppercase}.text-center{text-align:center}h1,h2,h3,h4{margin:0}ul,li{list-style:none;padding:0;margin:0}body{position:relative;min-height:100vh}.site-header[data-astro-cid-37fxchfa]{width:100%;max-width:80rem;margin:0 auto;padding:1rem 1rem .5rem;position:relative;z-index:10}.nav-box[data-astro-cid-37fxchfa]{align-items:center;padding:.75rem}.logo[data-astro-cid-37fxchfa]{color:var(--color-text-primary);font-size:1.25rem;letter-spacing:.1em;margin-bottom:.25rem;transition:color .2s ease;&:hover{color:#fff}}.logo-subtitle[data-astro-cid-37fxchfa]{color:var(--color-text-secondary)}.nav-links[data-astro-cid-37fxchfa]{display:flex;gap:1rem;font-size:.875rem;font-weight:700;letter-spacing:.05em}.nav-link[data-astro-cid-37fxchfa]{transition:color .2s ease;&:hover{color:#fff}}.site-main[data-astro-cid-37fxchfa]{flex:1;width:100%;max-width:80rem;margin:0 auto;padding:0 1rem 1rem;position:relative;z-index:10;display:flex;flex-direction:column;@media(min-width:1024px){overflow-y:auto}}.site-footer[data-astro-cid-37fxchfa]{width:100%;margin-top:auto;position:relative;z-index:10}.footer-content[data-astro-cid-37fxchfa]{max-width:80rem;margin:0 auto;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-size:.75rem;@media(min-width:640px){flex-direction:row}& a[data-astro-cid-37fxchfa]{color:#fff;transition:color .2s ease;&:hover{color:var(--color-neon-cyan)}}}
