:root{--bg:#f3f4f5;--card:#fff;--text:#202124;--muted:#62666c;--border:#d5d8dc;--accent:#a23b34;--accent-dark:#8f342e;--error:#8d211b;--error-bg:#fbe9e7}html[data-theme="dark"]{--bg:#181818;--card:#232323;--text:#f4f2f1;--muted:#c8c2bf;--border:#4a4644;--accent:#c65c52;--accent-dark:#ad4a42;--error:#f6cbc7;--error-bg:#402624}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}.shell{width:min(100%,430px)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:34px;box-shadow:0 12px 34px rgba(32,33,36,.09)}.brand{text-align:center;margin-bottom:26px}.brand img{width:86px;height:86px;object-fit:contain;background:#fff;border-radius:8px}.brand strong,.brand span{display:block}.brand strong{font-size:22px}.brand span{margin-top:5px;font-size:13px;color:var(--muted)}h1{font-size:18px;text-align:center;margin:0 0 5px}p{color:var(--muted);font-size:13px}.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:18px}label{display:block;font-size:12.5px;font-weight:700;margin:16px 0 6px}input{width:100%;height:46px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font:inherit;padding:0 13px}button{width:100%;height:46px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:21px}.version{text-align:center;color:var(--muted);font-size:10px;margin-top:12px}