/* Login page: dark, RTL, phone + TV (html.tv scales up for 10-foot use). No inline styles anywhere. */
@font-face{font-family:"Rubik";src:url("rubik-subset.woff2") format("woff2");font-weight:300 900;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#111;color:#e1e1e1;font-family:"Rubik",system-ui,"Segoe UI",Arial,sans-serif}
body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}
.card{width:100%;max-width:420px;background:#1c1c1c;border-radius:20px;padding:28px 24px;box-shadow:0 10px 40px #0008}
h1{margin:0 0 4px;font-size:28px;font-weight:700}
.sub{margin:0 0 22px;color:#9e9e9e;font-size:16px}
form{display:flex;flex-direction:column;gap:14px}
label{font-size:16px;color:#bdbdbd}
.pwrow{display:flex;gap:8px}
input[type=password],input[type=text]{flex:1;min-width:0;font:inherit;font-size:20px;color:#fff;background:#262626;border:2px solid #333;border-radius:12px;padding:12px 14px;outline:none}
button{font:inherit;cursor:pointer;border:0;border-radius:12px}
#go{background:#1e88e5;color:#fff;font-size:20px;font-weight:600;padding:14px}
#go[disabled]{opacity:.6}
.ghost{background:#2c2c2c;color:#e1e1e1;padding:0 16px;font-size:16px}
.chk{display:flex;align-items:center;gap:10px;color:#e1e1e1;border-radius:10px;padding:6px 4px}
.chk input{width:22px;height:22px;accent-color:#1e88e5}
.err{margin:4px 0 0;background:#3b1010;color:#ef9a9a;border-radius:10px;padding:10px 12px;font-size:16px}
.nav:focus,.nav:focus-visible,.chk:focus-within{outline:3px solid #ffb300;outline-offset:2px}
input.nav:focus{border-color:#ffb300;outline:none}
html.tv .card{max-width:760px;padding:48px 52px;border-radius:28px}
html.tv h1{font-size:52px}
html.tv .sub,html.tv label,html.tv .err{font-size:28px}
html.tv input[type=password],html.tv input[type=text]{font-size:36px;padding:18px 22px}
html.tv #go{font-size:34px;padding:20px}
html.tv .ghost{font-size:28px;padding:0 26px}
html.tv .chk input{width:34px;height:34px}
html.tv .nav:focus,html.tv .nav:focus-visible,html.tv .chk:focus-within{outline-width:5px;outline-offset:4px}