*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(#020617 0%,#0f172a 45%,#111827 100%);min-height:100vh;padding:2rem;font-family:Space Grotesk,sans-serif;position:relative;overflow-x:hidden}main{text-align:center;max-width:900px;margin:0 auto}#app{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;margin-top:2rem;padding:2rem;animation:.8s fadeIn;box-shadow:0 10px 35px #0006}h1{color:#7dd3fc;text-shadow:0 0 15px #7dd3fc80;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:3rem}h2{color:#fbbf24;margin:2rem 0 1rem;font-family:Orbitron,sans-serif}p{color:#d1d5db;max-width:760px;margin:1rem auto 1.5rem;font-size:1rem;line-height:1.9}img,iframe,video{border:2px solid #7dd3fc4d;border-radius:18px;width:100%;max-width:800px;margin-top:1rem;transition:all .3s;box-shadow:0 0 30px #7dd3fc26}img:hover,iframe:hover,video:hover{transform:scale(1.03);box-shadow:0 0 40px #7dd3fc73}@media (width<=600px){body{padding:1rem}h1{font-size:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.9rem}