:root{color-scheme:dark;font:16px system-ui;background:#08131a;color:#e6f0f5}*{box-sizing:border-box}body{margin:0;padding:24px;min-height:100vh;display:grid;place-items:center}main{width:min(100%,460px)}.brand{letter-spacing:.16em;font-weight:700;color:#bce7ee}h1{font-size:28px}p{line-height:1.6;color:#b9ccd6}form{display:grid;gap:18px;padding:24px;background:#11212b;border:1px solid #29404b;border-radius:12px}label{display:grid;gap:8px;font-size:14px}input,button{width:100%;font:inherit;min-height:44px;padding:10px 12px;border:1px solid #48616d;border-radius:6px;background:#091820;color:#e6f0f5}button{cursor:pointer;background:#bce7ee;color:#11212b;font-weight:650}button:disabled{opacity:.65}#remote-error{margin:0;color:#ffb8b3}.note{font-size:13px}