:root{--bg-primary: #0B1120;--bg-secondary: #0F172A;--bg-card: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-accent: #38BDF8;--accent-primary: #06B6D4;--accent-secondary: #F59E0B;--border-color: #334155;--header-height: 80px}.light-mode{--bg-primary: #F8FAFC;--bg-secondary: #F1F5F9;--bg-card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-accent: #0284C7;--accent-primary: #0891B2;--accent-secondary: #D97706;--border-color: #E2E8F0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Inter,sans-serif;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{line-height:1.2}ul{list-style:none}a{text-decoration:none;color:inherit;transition:color .3s ease}img{max-width:100%;border-radius:8px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent-primary);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 6px #06b6d433}.btn-primary:hover{background-color:#0891b2;transform:translateY(-2px);box-shadow:0 6px 12px #06b6d44d}.btn-outline{background-color:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background-color:#06b6d41a;transform:translateY(-2px)}.fade-in{animation:fadeIn 1s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.section-title{font-size:2rem}.desktop-menu{display:none!important}.mobile-toggle{display:block!important}.container{padding:0 1.5rem}.opt-game-container{grid-template-columns:1fr!important}#blog .card{min-height:auto}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px);color:#0f0}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px);color:var(--accent-primary)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--accent-primary);text-shadow:2px 2px #0F0}.tooltip-container{position:relative}.tooltip-text{visibility:hidden;width:250px;background-color:var(--bg-card);color:var(--text-primary);text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:1001;top:100%;left:50%;margin-top:10px;transform:translate(-50%);opacity:0;transition:opacity .3s,visibility .3s;border:1px solid var(--accent-primary);box-shadow:0 4px 6px #0000004d;font-size:.9rem;font-weight:500;pointer-events:none}.tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--accent-primary) transparent}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.neon-mode{--bg-primary: #090014;--bg-secondary: #130024;--bg-card: #2a0045;--text-primary: #fff;--text-secondary: #d8b4fe;--accent-primary: #d946ef;--accent-secondary: #8b5cf6;--border-color: #d946ef}.neon-mode .btn-primary{box-shadow:0 0 15px var(--accent-primary)}.neon-mode section,.neon-mode .card,.neon-mode img{animation:float-random 6s ease-in-out infinite}@keyframes float-random{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}@keyframes flash-red{0%,to{background-color:#dc262633}50%{background-color:#dc262680}}.security-alert{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ef4444;font-family:Courier New,Courier,monospace;text-align:center;border:20px solid #ef4444}.security-alert:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,0,.1) 4px,rgba(255,0,0,.1) 6px);pointer-events:none}.alert-box{background:#000;border:2px solid #ef4444;padding:4rem;box-shadow:0 0 50px #dc262680;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}60%{transform:translate3d(4px,0,0)}}.blueprint-mode{--bg-primary: #001a23;--bg-secondary: #002b36;--bg-card: rgba(0, 26, 35, .95);--text-primary: #e0f2f1;--text-secondary: #80cbc4;--text-accent: #26dcbc;--accent-primary: #26dcbc;--accent-secondary: #fdd835;--border-color: #263238;font-family:Consolas,Monaco,Courier New,monospace!important;background-color:var(--bg-primary);background-image:linear-gradient(rgba(38,220,188,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(38,220,188,.1) 1px,transparent 1px),linear-gradient(rgba(38,220,188,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(38,220,188,.05) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-1px -1px;cursor:crosshair}.blueprint-mode .section{position:relative;border-left:1px dashed rgba(38,220,188,.3);border-right:1px dashed rgba(38,220,188,.3)}.blueprint-mode .section-title{text-transform:uppercase;letter-spacing:4px;border:1px solid var(--accent-primary);padding:.5rem 2rem;background:#26dcbc0d}.blueprint-mode .section-title:after{display:none}.blueprint-mode .card,.blueprint-mode img,.blueprint-mode .btn{border-radius:0!important;border:1px solid var(--accent-primary);box-shadow:none!important;position:relative}.blueprint-mode .card:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-right:2px solid var(--accent-secondary);border-bottom:2px solid var(--accent-secondary)}.blueprint-mode .card:before{content:"FIG. " attr(id);position:absolute;top:-15px;left:0;font-size:.7rem;color:var(--accent-secondary);background:var(--bg-primary);padding:0 5px}.blueprint-mode h1,.blueprint-mode h2,.blueprint-mode h3{font-weight:400}.blueprint-mode a{text-decoration:none;border-bottom:1px dotted var(--accent-primary)}