:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#080f1e;color:#eaf2ff}*{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;margin:0;background:radial-gradient(ellipse at 20% 5%,#18365a 0%,#080f1e 60%)}.panel{width:min(460px,calc(100% - 28px));background:#101d31;border:1px solid #30435e;border-radius:18px;padding:34px;box-shadow:0 25px 75px #0007}.wide{width:min(800px,calc(100% - 28px))}.eyebrow{color:#66c7ff;letter-spacing:.17em;font-size:12px;font-weight:700}h1{font-size:36px;margin:8px 0 10px}p{color:#b3c5db;line-height:1.5}label{display:block;margin:18px 0 8px;font-size:14px}input{display:block;width:100%;margin-top:8px;border:1px solid #47617e;border-radius:9px;padding:13px;background:#091427;color:#fff;font:inherit}button{width:100%;background:#278ad7;color:#fff;padding:14px;border:0;border-radius:9px;font-weight:700;font-size:16px;cursor:pointer;margin-top:16px}button:hover{background:#3da7fa}.error{border:1px solid #b84f5f;padding:12px;background:#3a1b27;border-radius:8px}.hint{font-size:12px;text-align:center}.placeholder{border:1px dashed #62799a;text-align:center;padding:54px 20px;margin:26px 0;border-radius:12px;background:#0b162a}

.video-container{padding:12px}.video-element{display:block;width:100%;aspect-ratio:16/9;background:#000}