:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090b0e;color:#f7f8fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{width:min(1100px,100%);margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}h1{font-size:clamp(22px,4vw,34px);margin:0 0 5px}p{margin:0;color:#aab2bd}button{border:0;border-radius:10px;padding:11px 16px;background:#e8edf3;color:#111820;font-weight:700;cursor:pointer}.video{overflow:hidden;border-radius:16px;background:#111820;box-shadow:0 12px 48px #0008;aspect-ratio:16/9;display:grid;place-items:center}.video img{display:block;width:100%;height:100%;object-fit:contain}footer{padding:16px 4px;color:#aab2bd}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#28cf68;box-shadow:0 0 12px #28cf68;margin-right:7px}.login{display:grid;place-items:center}.login main{max-width:440px}.card{background:#151a21;border:1px solid #2a323d;padding:28px;border-radius:18px;box-shadow:0 16px 60px #0007}.card h1{margin-bottom:8px}.card form{margin-top:24px}.card label{display:grid;gap:8px;color:#d6dce4;font-weight:650}.card input{width:100%;padding:13px;border:1px solid #3a4553;border-radius:10px;background:#0d1117;color:#fff;font-size:16px}.card button{width:100%;margin-top:16px}.error{color:#ff8787;margin-top:14px}@media(max-width:600px){main{padding:14px}header{align-items:flex-start}.video{border-radius:10px}}