*{margin:0;padding:0}body{background-color:#000}.webgl{position:fixed;top:0;left:0;outline:none}.section{display:flex;align-items:center;height:100vh;position:relative;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}.audio-btn{position:fixed;top:14px;left:14px;width:42px;height:42px;border-radius:50%;z-index:2000;display:grid;place-items:center;cursor:pointer;background:radial-gradient(90% 90% at 50% 35%,rgba(120,200,255,.12),rgba(0,0,0,0)),linear-gradient(180deg,rgba(10,20,36,.85),rgba(8,12,22,.8));border:1px solid rgba(120,200,255,.6);box-shadow:0 0 0 1px #78c8ff40 inset,0 6px 18px #0a142459,0 0 12px #78c8ff4d;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.audio-btn:hover{transform:scale(1.06);filter:brightness(1.06)}.audio-btn svg{fill:#9cf;filter:drop-shadow(0 0 6px rgba(120,200,255,.6));pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.visible{opacity:1;pointer-events:auto}.info-box{position:fixed;height:70vh;overflow-y:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);min-width:clamp(320px,50vw,860px);min-height:clamp(280px,50vh,600px);background:radial-gradient(120% 120% at 30% 10%,rgba(80,160,255,.12) 0%,rgba(0,0,0,0) 40%),linear-gradient(180deg,rgba(16,26,46,.9) 0%,rgba(10,14,25,.85) 100%);border:1px solid rgba(120,200,255,.35);border-radius:14px;box-shadow:0 0 0 1px #64b4ff40 inset,0 10px 50px #000a1e8c,0 0 24px #64b4ff40;color:#e9f3ff;font-family:Orbitron,system-ui,sans-serif;letter-spacing:.1em;line-height:1.6em;font-size:1.2em;padding:35px;z-index:999;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.2,.6,.2,1)}.info-box.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:holoPulse 2.2s ease-in-out infinite}.info-box .hud-header{text-align:center;padding-bottom:1rem}.info-box p{margin-top:1.2rem}.close-btn{position:absolute;top:14px;right:18px;width:28px;height:28px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center}.close-btn:before,.close-btn:after{content:"";position:absolute;width:20px;height:2px;background:#9cf;box-shadow:0 0 6px #64c8ffcc;transition:transform .3s,background .3s,box-shadow .3s}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}.close-btn:hover:before,.close-btn:hover:after{background:#fff;box-shadow:0 0 10px #96dcff,0 0 20px #64c8ffcc}@keyframes holoPulse{0%,to{box-shadow:0 0 0 1px #64b4ff40 inset,0 10px 50px #000a1e8c,0 0 24px #64b4ff40}50%{box-shadow:0 0 0 2px #64c8ff66 inset,0 12px 60px #000a28b3,0 0 36px #64c8ff73}}.site-footer{position:relative;width:80%;margin-left:auto;margin-right:auto;padding:60px 20px 40px;text-align:center;color:#fff9;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-content{max-width:600px;margin:0 auto}.footer-line{display:block;width:60px;height:1px;margin:0 auto 20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.footer-signature{color:#fff;font-weight:700;letter-spacing:2px;transition:all .3s ease}.footer-signature:hover{text-shadow:0 0 8px rgba(255,255,255,.8)}@media screen and (max-width: 1450px){.info-box{min-width:clamp(320px,80vw,860px)}}@media screen and (max-width: 861px){.info-box{font-size:1em}.site-footer{width:53%}}@media (max-width: 768px){.section{display:flex;align-items:center;justify-content:center;text-align:center}.section h1,.section h2{font-size:2rem;margin-top:70vh}.site-footer{padding:20px 20px 30px;font-size:.75rem}}@media screen and (max-width: 660px){.info-box{font-size:.8em;padding:12px}.hud-header{width:85%}}