:root{--bg:#040914;--grid:rgba(0,180,216,0.15);--panel:rgba(10,20,40,0.85);--text:#f0f4f8;--accent:#00b4d8;--accent-glow:#90e0ef}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:50px 50px;font-family:'Montserrat',sans-serif;color:var(--text);display:flex;align-items:center;justify-content:center}main{background:var(--panel);border:1px solid rgba(0,180,216,0.3);box-shadow:8px 8px 0 rgba(0,180,216,0.2),inset 0 0 20px rgba(0,180,216,0.05);padding:clamp(2rem,5vw,4rem);text-align:center;backdrop-filter:blur(8px);max-width:800px;width:90%;display:flex;flex-direction:column;align-items:center}img.logo{width:clamp(120px,15vw,160px);margin-bottom:1.5rem;filter:drop-shadow(0 0 5px var(--accent))}h1{font-weight:700;font-style:italic;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px var(--accent)}p{font-weight:400;font-style:italic;font-size:clamp(0.9rem,2vw,1.1rem);line-height:1.6;margin-bottom:2.5rem;color:#a0aec0;max-width:600px}.scene{width:100px;height:100px;perspective:600px;cursor:pointer;outline:0;text-decoration:none;display:block}.scene:focus-visible{outline:3px solid var(--accent-glow);outline-offset:10px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translateZ(-50px);transition:transform .5s cubic-bezier(.25,.1,.25,1)}.scene:hover .cube{transform:translateZ(-50px) rotateX(-5deg) rotateY(5deg)}.cube.is-clicked{transform:translateZ(-50px) rotateX(45deg) rotateY(45deg)}.cube__face{position:absolute;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-weight:700;font-style:italic;font-size:1.2rem;text-transform:uppercase;color:#fff;border:2px solid var(--accent);background:rgba(0,180,216,.1);box-shadow:inset 0 0 15px rgba(0,180,216,.2)}.cube__face--front{transform:rotateY(0) translateZ(50px);animation:pulse 2s infinite;background:rgba(0,180,216,.2);text-shadow:0 0 5px var(--accent-glow)}.cube__face--right{transform:rotateY(90deg) translateZ(50px)}.cube__face--back{transform:rotateY(180deg) translateZ(50px)}.cube__face--left{transform:rotateY(-90deg) translateZ(50px)}.cube__face--top{transform:rotateX(90deg) translateZ(50px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes pulse{0%,100%{box-shadow:0 0 15px var(--accent),inset 0 0 15px var(--accent)}50%{box-shadow:0 0 35px var(--accent-glow),inset 0 0 25px var(--accent-glow)}}.version{position:absolute;bottom:10px;right:15px;font-size:10px;font-weight:700;font-style:italic;opacity:.4;letter-spacing:1px;color:var(--text)}