*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#40e0d0 #0a0a1a}body{color:#e0e0e0;background:#0a0a1a;min-height:100vh;font-family:Share Tech Mono,monospace;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffcc04 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}:root{--color-bg:#0a0a1a;--color-bg-elevated:#0c0c1eb3;--color-bg-sunken:#05050f99;--color-bg-card:#0f0f2399;--color-bg-terminal:#080816cc;--color-bg-input:#05050f99;--color-teal:#40e0d0;--color-teal-bright:#0fc;--color-lavender:#b39ddb;--color-lavender-bright:#cf9fff;--color-text-primary:#e0e0e0;--color-text-secondary:#a0a0b0;--color-text-dim:#a0a0b080;--color-danger:#ff5050;--color-success:#0fc;--tier1-accent:#40e0d0;--tier1-glow:#40e0d026;--tier2-accent:#b39ddb;--tier2-glow:#b39ddb26;--tier3-accent:#0fc;--tier3-glow:#00ffcc26;--tier4-accent:#cf9fff;--tier4-glow:#cf9fff26;--shadow-offset-teal:4px 0 0 #40e0d040, 0 4px 0 #40e0d040, 4px 4px 0 #40e0d040, 8px 0 0 #b39ddb26, 0 8px 0 #b39ddb26, 8px 8px 0 #b39ddb26;--font-heading:"Orbitron", sans-serif;--font-body:"Share Tech Mono", monospace;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-elastic:cubic-bezier(.34, 1.56, .64, 1);--duration-default:.3s;--clip-parallelogram-sm:polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);--clip-parallelogram-md:polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);--clip-parallelogram-lg:polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);--clip-corner-cut:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));--clip-hexagon:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--gradient-title:linear-gradient(135deg, #40e0d0 0%, #0fc 25%, #b39ddb 50%, #cf9fff 75%, #40e0d0 100%);--gradient-title-size:300% 300%;--dashed-line:repeating-linear-gradient(to bottom, #40e0d0 0, #40e0d0 4px, transparent 4px, transparent 8px)}h1,h2,h3,h4,h5,h6{letter-spacing:.05em;font-family:Orbitron,sans-serif;font-weight:700}a{color:#40e0d0;text-decoration:none;transition:all .3s}a:hover{color:#0fc;text-shadow:0 0 8px #0fc9}::selection{color:#fff;background:#40e0d04d}::selection{color:#fff;background:#40e0d04d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#40e0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0fc}@keyframes circuit-move{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes circuit-move-v{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes lightbox-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes floatUpDown{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(8deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}