:root{--nav:#111c2d;--accent:#176b5b;--accent-dark:#0f5145;--text:#182132;--muted:#687387;--line:#dfe5ec;--bg:#f2f5f8;--danger:#b42318}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 15%,rgba(23,107,91,.14),transparent 28%),linear-gradient(145deg,#eef3f6,#f8fafc);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid rgba(223,229,236,.9);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(17,28,45,.13)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-mark{width:44px;height:44px;border-radius:13px;background:var(--nav);color:#fff;display:grid;place-items:center;font-weight:900}.login-brand strong,.login-brand span{display:block}.login-brand span{color:var(--muted);font-size:12px;margin-top:2px}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.login-copy h1{margin:0;font-size:30px;letter-spacing:-.035em}.login-copy>p:last-child{color:var(--muted);line-height:1.55;margin:10px 0 24px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:750}.login-form input{width:100%;border:1px solid #cbd5df;border-radius:10px;padding:12px 13px;font:inherit;color:var(--text);outline:none}.login-form input:focus{border-color:#5b9c90;box-shadow:0 0 0 4px rgba(23,107,91,.12)}.login-form button{border:0;border-radius:10px;padding:12px 16px;background:var(--accent);color:#fff;font:inherit;font-weight:800;cursor:pointer}.login-form button:hover{background:var(--accent-dark)}.login-error{margin:0 0 16px;padding:11px 13px;border-radius:10px;background:#fff0ef;border:1px solid #fecdca;color:var(--danger);font-size:13px;font-weight:700}.login-note{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:520px){.login-card{padding:24px;border-radius:18px}.login-copy h1{font-size:26px}}
.login-brand{display:grid;gap:9px;justify-items:start;margin-bottom:30px}
.login-logo{display:block;width:min(290px,100%);height:auto;object-fit:contain}
.login-brand>span{color:var(--muted);font-size:12px;font-weight:700}