body{margin:0}#root{min-height:100svh}:root{--teal:#124559;--teal-700:#0e3746;--amber:#e8890c;--ink:#1b2a32;--slate:#64707d;--line:#e3e8eb;--bg:#eef1f3;--red:#c0392b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:380px;padding:32px;box-shadow:0 1px 3px #141e280f}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--teal);margin-bottom:18px;font-size:13px;font-weight:700}h1{margin:0 0 6px;font-size:22px}.sub{color:var(--slate);margin:0 0 24px;font-size:14px}.field{margin-bottom:16px;display:block}.field span{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px}.field input:focus{border-color:var(--teal)}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn.block{width:100%}.btn.teal{background:var(--teal);color:#fff}.btn.teal:disabled{opacity:.6;cursor:default}.btn.ghost{border:1px solid var(--line);color:var(--ink);background:#fff;margin-top:20px}.error{color:var(--red);background:#fdecea;border:1px solid #f5c6c0;border-radius:9px;margin-bottom:16px;padding:10px 12px;font-size:13px}.hint{color:var(--slate);background:var(--bg);border-radius:9px;margin-top:20px;padding:10px 12px;font-size:12.5px}.signed-in .details{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px;font-size:14px;display:grid}.signed-in dt{color:var(--slate)}.signed-in dd{margin:0;font-weight:600}