*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#f5f7fb;font:16px system-ui,sans-serif}header,footer{padding:18px 5%;background:#121722;display:flex;justify-content:space-between;gap:20px}header a{color:#7dd3fc}main{max-width:1200px;margin:auto;padding:28px 5%}.hero,.card{background:#141a25;border:1px solid #273143;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0004}.hero video{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px}.grid,.streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}.card audio{width:100%}.twitch{width:100%;height:360px;border:0;border-radius:10px}.placeholder{padding:80px;text-align:center;background:#090b10;border-radius:12px;color:#9ca3af}h1,h2,h3{margin-top:0}input,button{padding:12px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:white;width:100%;margin:6px 0}button{cursor:pointer;background:#2563eb}.form{max-width:720px;margin:auto}.msg{padding:12px;border-radius:8px;background:#123b24;margin:10px 0}a{color:#93c5fd}label{display:block;margin-top:12px}small{color:#94a3b8}
.twitch-chat{width:100%;height:360px;border:0;border-radius:10px;background:#0b0e14}.twitch{min-height:360px}