:root { color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; color: #dde8fa; background: #02050c; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; background: #02050c url("waves-poster.jpg") center / cover fixed; }
#background-video { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
main { position: relative; z-index: 1; width: 100%; text-align: center; }
.logo { display: block; width: min(310px, 65vw, 43svh); height: auto; overflow: visible; margin: 0 auto 30px; filter: drop-shadow(0 0 2px rgba(83,147,255,.6)) drop-shadow(0 0 28px rgba(40,114,240,.12)); }
h1 { margin: 0; font-size: clamp(1rem, 3.5vw, 1.4rem); font-weight: 400; letter-spacing: .12em; line-height: 1.6; }
p { margin: 32px 0 0; color: #90b6ed; font-size: .875rem; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; }
@media (max-height: 480px) { .logo { width: min(150px, 35vw); margin-bottom: 15px; } p { margin-top: 18px; } }