:root{--bg-void:#06060e;--bg-dark:#0a0a14;--bg-panel:#0a0c18d9;--cyan:#00f0ff;--cyan-dim:#00f0ff44;--purple:#8b5cf6;--purple-dim:#8b5cf633;--red:#f36;--red-dim:#f363;--green:#0f8;--text:#d0d8e8;--text-dim:#679;--glass:#0e1224b3;--glass-border:#00f0ff26;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-display:"Orbitron", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-void);width:100%;height:100%;color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-hidden,.boot-hidden,.overlay-hidden,.mobile-hidden{display:none!important}#boot-screen{z-index:9999;background:var(--bg-void);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.scanline-overlay{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff04 2px 4px);animation:8s linear infinite scanlineScroll;position:absolute;inset:0}@keyframes scanlineScroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.boot-vignette{z-index:1;background:radial-gradient(ellipse at center, transparent 40%, var(--bg-void) 100%);pointer-events:none;position:absolute;inset:0}.boot-content{z-index:3;text-align:center;width:90%;max-width:700px;position:relative}#boot-terminal{text-align:left;font-family:var(--font-mono);color:var(--cyan);min-height:200px;font-size:.85rem;line-height:1.8}#boot-terminal .boot-line{opacity:0;animation:.3s forwards bootFadeIn}#boot-terminal .boot-line.ok{color:var(--green)}#boot-terminal .boot-line.warn{color:var(--red)}#boot-terminal .boot-line.info{color:var(--purple)}@keyframes bootFadeIn{to{opacity:1}}#boot-logo{margin-top:2rem}#boot-logo .logo-glitch{font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 20px var(--cyan-dim), 0 0 60px var(--cyan-dim), 0 0 120px #00f0ff1a;letter-spacing:.1em;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;display:inline-block;position:relative}.logo-icon{margin-right:.2em;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.boot-tagline{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;font-size:.75rem}#enter-btn{border:1px solid var(--cyan-dim);color:var(--cyan);font-family:var(--font-display);letter-spacing:.15em;cursor:pointer;background:0 0;margin-top:2.5rem;padding:14px 48px;font-size:.9rem;transition:all .4s;position:relative;overflow:hidden}#enter-btn:hover{background:var(--cyan-dim);border-color:var(--cyan);box-shadow:0 0 30px var(--cyan-dim), inset 0 0 30px #00f0ff0d;transform:scale(1.02)}#enter-btn .btn-border{border:1px solid var(--cyan);opacity:0;transition:opacity .3s;position:absolute;inset:-2px}#enter-btn:hover .btn-border{opacity:.5}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch-text:before{color:var(--red);z-index:-1;animation:3s linear infinite alternate-reverse glitch1}.glitch-text:after{color:var(--purple);z-index:-2;animation:2s linear infinite alternate-reverse glitch2}@keyframes glitch1{0%,95%{clip-path:inset(0);transform:translate(0)}96%{clip-path:inset(20% 0 60%);transform:translate(-3px,1px)}97%{clip-path:inset(50% 0 20%);transform:translate(3px,-1px)}98%{clip-path:inset(70% 0 10%);transform:translate(-2px,2px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes glitch2{0%,93%{clip-path:inset(0);transform:translate(0)}94%{clip-path:inset(40% 0 30%);transform:translate(2px,-2px)}96%{clip-path:inset(10% 0 70%);transform:translate(-2px,1px)}to{clip-path:inset(0);transform:translate(0)}}#app{position:fixed;inset:0}#webgl{z-index:0;width:100%;height:100%;position:absolute;inset:0}#hud{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);opacity:0;background:linear-gradient(#06060ecc 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 32px;animation:.8s .3s forwards hudSlideIn;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-20px)}@keyframes hudSlideIn{to{opacity:1;transform:translateY(0)}}.hud-brand{font-family:var(--font-display);color:var(--cyan);letter-spacing:.15em;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.hud-icon{font-size:1.1rem;animation:2s ease-in-out infinite pulse}.hud-nav{gap:4px;display:flex}.hud-btn{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 18px;font-size:.7rem;transition:all .3s;position:relative}.hud-btn:after{content:"";background:var(--cyan);height:1px;transition:all .3s;position:absolute;bottom:-1px;left:50%;right:50%}.hud-btn:hover,.hud-btn.active{color:var(--cyan);border-color:var(--glass-border);background:#00f0ff08}.hud-btn:hover:after,.hud-btn.active:after{left:20%;right:20%}.hud-status{color:var(--text-dim);letter-spacing:.1em;align-items:center;gap:8px;font-size:.65rem;display:flex}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;transition:box-shadow .2s;animation:2s ease-in-out infinite statusPulse}.status-dot-link{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;margin:-6px;padding:6px;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.status-dot-link:hover{transform:scale(1.4)}.status-dot-link:hover .status-dot{box-shadow:0 0 12px var(--green), 0 0 20px var(--green)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}.hud-corner{z-index:99;pointer-events:none;opacity:.3;width:40px;height:40px;position:fixed}.hud-corner.tl{border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);top:8px;left:8px}.hud-corner.tr{border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);top:8px;right:8px}.hud-corner.bl{border-bottom:1px solid var(--cyan);border-left:1px solid var(--cyan);bottom:8px;left:8px}.hud-corner.br{border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);bottom:8px;right:8px}.content-panel{z-index:50;pointer-events:none;opacity:0;max-width:520px;transition:all .6s cubic-bezier(.16,1,.3,1);position:fixed;bottom:48px;left:48px;transform:translateY(30px)scale(.97)}.content-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.panel-glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:4px;padding:32px;position:relative;overflow:hidden}.panel-glass:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.panel-header{margin-bottom:12px}.panel-tag{color:var(--cyan);letter-spacing:.15em;opacity:.7;font-size:.65rem}.panel-title{font-family:var(--font-display);color:var(--cyan);letter-spacing:.08em;text-shadow:0 0 20px var(--cyan-dim);margin-bottom:8px;font-size:1.5rem;font-weight:700}.panel-divider{background:linear-gradient(90deg, var(--cyan), var(--purple));width:60px;height:2px;box-shadow:0 0 10px var(--cyan-dim);margin:16px 0}.panel-body{color:var(--text);margin-bottom:20px;font-size:.82rem;line-height:1.7}.stats-row{gap:16px;display:flex}.stat-card{border:1px solid var(--glass-border);text-align:center;background:#00f0ff08;border-radius:4px;flex:1;padding:16px}.stat-val{font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 10px var(--cyan-dim);font-size:1.4rem;font-weight:700;display:block}.stat-lbl{color:var(--text-dim);letter-spacing:.15em;margin-top:6px;font-size:.55rem;display:block}.skills-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skill-item{color:var(--text);border:1px solid var(--glass-border);border-radius:3px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;transition:all .3s;display:flex}.skill-item:hover{border-color:var(--cyan-dim);background:#00f0ff08}.skill-icon{font-size:1rem}.founder-quote{color:var(--cyan);border-left:2px solid var(--purple);padding-left:16px;font-style:italic;font-size:1rem!important}.founder-roles{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.role-tag{letter-spacing:.1em;border:1px solid var(--purple-dim);color:var(--purple);background:#8b5cf60d;border-radius:2px;padding:6px 14px;font-size:.65rem}.founder-timeline{border-left:1px solid var(--glass-border);flex-direction:column;gap:14px;padding-left:20px;display:flex}.timeline-item{color:var(--text-dim);align-items:center;gap:12px;font-size:.75rem;display:flex;position:relative}.tl-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 8px var(--cyan-dim);border-radius:50%;position:absolute;left:-24px}.arsenal-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.arsenal-card{border:1px solid var(--glass-border);background:#00f0ff05;border-radius:4px;padding:18px;transition:all .3s}.arsenal-card:hover{border-color:var(--cyan-dim);transform:translateY(-2px);box-shadow:0 4px 20px #00f0ff0d}.arsenal-icon{margin-bottom:10px;font-size:1.5rem}.arsenal-card h3{font-family:var(--font-display);color:var(--cyan);letter-spacing:.05em;margin-bottom:8px;font-size:.7rem}.arsenal-card p{color:var(--text-dim);font-size:.7rem;line-height:1.5}#terminal-overlay{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06060ed9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.terminal-window{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:6px;flex-direction:column;width:90%;max-width:800px;height:70vh;max-height:560px;display:flex;overflow:hidden;box-shadow:0 0 60px #00f0ff14}.terminal-chrome{border-bottom:1px solid var(--glass-border);background:#00f0ff08;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots span{border-radius:50%;width:10px;height:10px}.terminal-dots span:first-child{background:var(--red)}.terminal-dots span:nth-child(2){background:#ffb300}.terminal-dots span:nth-child(3){background:var(--green)}.terminal-title{color:var(--text-dim);letter-spacing:.05em;font-size:.7rem}#terminal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .2s}#terminal-close:hover{color:var(--red)}.terminal-body{flex:1;padding:16px;font-size:.8rem;line-height:1.7;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}#terminal-output .term-line{margin-bottom:2px}#terminal-output .term-line.cmd{color:var(--green)}#terminal-output .term-line.response{color:var(--text-dim)}#terminal-output .term-line.error{color:var(--red)}#terminal-output .term-line.info{color:var(--cyan)}.terminal-input-row{align-items:center;gap:8px;margin-top:4px;display:flex}.term-prompt{color:var(--green);white-space:nowrap;font-weight:500}#terminal-input{color:var(--text);font-family:var(--font-mono);caret-color:var(--cyan);background:0 0;border:none;outline:none;flex:1;font-size:.8rem}#audio-toggle{z-index:100;background:var(--glass);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px}#audio-toggle:hover{border-color:var(--cyan-dim);color:var(--cyan)}#mobile-app{z-index:10000;background:var(--bg-void);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.mobile-scanline{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff03 2px 4px);position:fixed;inset:0}.mobile-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#06060ee6;padding:16px 24px;position:sticky;top:0}.mobile-logo{font-family:var(--font-display);color:var(--cyan);letter-spacing:.15em;font-size:.8rem}.mobile-main{z-index:2;padding:24px;position:relative}.mobile-hero{text-align:center;padding:60px 0 40px}.mobile-title{font-family:var(--font-display);color:var(--cyan);letter-spacing:.08em;text-shadow:0 0 30px var(--cyan-dim);font-size:2rem}.mobile-tagline{color:var(--text-dim);letter-spacing:.25em;margin-top:12px;font-size:.65rem}.mobile-divider{background:linear-gradient(90deg, var(--cyan), var(--purple));width:60px;height:2px;margin:30px auto}.mobile-section{margin-bottom:40px}.mobile-section h2{font-family:var(--font-display);color:var(--cyan);letter-spacing:.15em;margin-bottom:16px;font-size:.75rem}.mobile-section p{color:var(--text-dim);font-size:.8rem;line-height:1.7}.mobile-skills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mobile-skills span{border:1px solid var(--glass-border);color:var(--text);border-radius:3px;padding:6px 12px;font-size:.7rem}.mobile-founder{border:1px solid var(--glass-border);background:var(--glass);border-radius:4px;padding:20px}.mobile-founder h3{font-family:var(--font-display);color:var(--cyan);margin-bottom:8px;font-size:1.1rem}.mobile-founder p{margin-bottom:8px}.mobile-quote{border-left:2px solid var(--purple);padding-left:12px;font-style:italic;color:var(--purple)!important}.mobile-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mobile-card{border:1px solid var(--glass-border);text-align:center;background:var(--glass);border-radius:4px;padding:20px}.mobile-card span{margin-bottom:8px;font-size:1.5rem;display:block}.mobile-card h4{color:var(--cyan);letter-spacing:.05em;font-size:.7rem}.mobile-footer{text-align:center;border-top:1px solid var(--glass-border);padding:30px}.mobile-footer p{color:var(--text-dim);letter-spacing:.1em;font-size:.6rem}@media (max-width:768px){.hud-nav{display:none}.content-panel{max-width:none;bottom:16px;left:16px;right:16px}.stats-row{flex-direction:column}.skills-grid,.arsenal-grid{grid-template-columns:1fr}}