:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8edf6;background:#0d1320}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:20px}h1{font-size:28px;margin:18px 0 10px}p{line-height:1.6;color:#bac7dc}a{color:#8cc5ff}button{font:inherit;padding:12px 16px;border:1px solid #426595;border-radius:9px;background:#1e4579;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#error{color:#ffb1b1}#desktop{margin-top:20px}iframe{display:block;width:100%;height:72vh;min-height:390px;border:1px solid #465b78;border-radius:9px;background:#252525;margin-top:10px}.hint{font-size:13px;color:#8fa1bd}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}button{flex:1;min-width:140px}iframe{height:65vh;min-height:340px}}@media(orientation:landscape) and (max-height:600px){iframe{height:90vh;min-height:300px}}
:is(#login-form){display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}#login-form label{width:100%}#password{font:inherit;font-size:16px;padding:12px;border:1px solid #426595;border-radius:9px;background:#152237;color:#e8edf6;min-width:160px;flex:1}