body{margin:0;overflow:hidden;background:radial-gradient(circle at center,#000814,#000 60%)}canvas{position:fixed;inset:0;z-index:0}.device-wrapper{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;perspective:2000px}.device{width:80%;max-width:1100px;height:70%;border-radius:40px;padding:30px;position:relative;background:#14141973;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 60px #00ffff26,inset 0 0 30px #ffffff0a;transition:transform .2s ease,opacity .6s ease}.screw{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#777,#222);position:absolute}.tl{top:15px;left:15px}.tr{top:15px;right:15px}.bl{bottom:15px;left:15px}.br{bottom:15px;right:15px}.side-buttons{position:absolute;top:40%;width:8px;height:80px;background:#111}.left{left:-12px;border-radius:5px 0 0 5px}.right{right:-12px;border-radius:0 5px 5px 0}.led-strip{position:absolute;top:12px;left:30%;width:40%;height:4px;background:var(--hud-color);box-shadow:0 0 20px var(--hud-color);animation:breathe 2s infinite alternate}.device-screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000a1426;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 40px var(--hud-color),0 0 30px var(--hud-color);color:var(--hud-color)}.glass-layer{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 60%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.curvature{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 65%,rgba(0,0,0,.25));pointer-events:none}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.15}.hud-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 5rem;text-align:center}.hud-content h1{font-size:55px;letter-spacing:6px;margin-bottom:25px;text-shadow:0 0 10px var(--hud-color),0 0 20px var(--hud-color)}.hud-content p{font-size:20px;line-height:1.8;max-width:850px;opacity:.9}.hud-content a{color:var(--hud-color);text-decoration:none;border-bottom:1px solid var(--hud-color);transition:.3s ease}.hud-content a:hover{text-shadow:0 0 10px var(--hud-color)}.boot-sequence{position:absolute;inset:0;background:var(--hud-color);animation:bootUp .8s ease forwards}@keyframes bootUp{0%{opacity:1}to{opacity:0}}.shutdown-sequence{position:absolute;inset:0;background:var(--hud-color);animation:bootDown .6s ease forwards}@keyframes bootDown{0%{opacity:0}to{opacity:1}}.shutdown{animation:collapse .6s ease forwards}@keyframes collapse{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes breathe{0%{opacity:.4}to{opacity:1}}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:sans-serif}