:root{font-family:Segoe UI,Arial,sans-serif;color:#102f43;background:#f1f7f9;font-size:17px;line-height:1.5}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-card{width:min(100%,500px);padding:40px;background:#fff;border:1px solid #d4e3ea;border-radius:28px;box-shadow:0 16px 50px #14384b09}.brand-mark{display:grid;place-items:center;width:54px;height:54px;background:#def5f3;color:#00867f;font-size:28px;border-radius:16px}.eyebrow{color:#00867f;font-size:12px;font-weight:700;letter-spacing:.12em;margin:25px 0 8px}h1{font-size:29px;line-height:1.2;margin:0 0 15px}.intro{color:#6c8493;margin:0 0 28px}label{display:block;font-weight:600;margin:18px 0 8px}input{width:100%;padding:13px 15px;border:1px solid #cbdde6;border-radius:12px;background:#f8fbfc;color:#102f43;font:inherit}input:focus{outline:3px solid #d5f0ed;border-color:#00867f}button{width:100%;border:0;border-radius:14px;background:#00867f;color:#fff;padding:15px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#login-error{color:#ab3a32;min-height:26px;font-size:15px;margin:16px 0}.login-note{font-size:14px;color:#6c8493;margin:22px 0 0}@media(max-width:500px){.login-card{padding:28px}h1{font-size:26px}}