*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#172d47,transparent 60%),#08111e;color:#f2f5fb;font:clamp(18px,1.5vw,28px)/1.45 system-ui,sans-serif;min-height:100vh;padding:4vh 6vw}main{max-width:1600px;margin:auto}header{display:flex;align-items:center;gap:3vw;margin-bottom:4vh}header img{width:clamp(150px,16vw,280px);height:auto}h1{font-size:clamp(28px,2.8vw,48px);line-height:1.2;margin:4px 0 10px}h2{font-size:clamp(24px,2vw,36px);margin:0 0 12px}p{margin:0 0 18px;color:#aebed2}.eyebrow{font-size:.7em;font-weight:700;letter-spacing:.15em;color:#9eb4ce;margin-bottom:8px}.login-options{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}#tv-qr{text-align:center;border-radius:24px;background:#142337;padding:3vh 2vw}#tv-qr-image{width:clamp(190px,29vh,360px);height:clamp(190px,29vh,360px);margin:2vh auto;background:#fff;border:12px solid white;border-radius:12px;overflow:hidden}#tv-qr-image svg{width:100%;height:100%;display:block}#tv-qr-status{font-size:.85em;margin:12px 0;min-height:2.9em}.account{max-width:600px;width:100%}label{display:block;color:#d6e0ed;margin:18px 0 8px}input,button{font:inherit;border-radius:12px;min-height:56px;padding:14px 20px}input{width:100%;background:#101d2e;border:1px solid #465870;color:white}button{border:1px solid #526782;background:#223750;color:white;cursor:pointer;font-weight:600}button.primary{width:100%;background:#c9000b;border-color:#e51924;margin-top:28px}button:disabled{opacity:.5}input:focus,button:focus{outline:3px solid #e2ecff;outline-offset:5px}button:focus{filter:brightness(1.25)}.error{color:#ffb4b4;margin-top:14px}@media(max-width:700px){.login-options{grid-template-columns:1fr}header{align-items:flex-start}header img{width:120px}.account{max-width:none}}@media(max-height:650px) and (min-width:701px){body{padding:3vh 5vw}header{margin-bottom:2vh}header p:not(.eyebrow){display:none}#tv-qr{padding:2vh}label{margin-top:10px}input,button{padding:10px 16px;min-height:48px}}