*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;color:#24323d;background:linear-gradient(135deg,#f8fcfe,#eaf7fd,#fff4f4)}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:34px;border:1px solid #dce8ef;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(31,72,94,.18)}.brand-row{display:flex;align-items:center;gap:13px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e31e24;color:#fff;font-size:24px;font-weight:900}.brand-row>div:last-child{display:grid}.brand-row strong{font-size:21px}.brand-row span{font-size:12px;color:#6b7c89;font-weight:700}.login-copy{margin:34px 0 26px}.login-copy>span{color:#0b6f9f;font-size:11px;font-weight:900;letter-spacing:.14em}.login-copy h1{margin:7px 0 8px;font-size:34px}.login-copy p{margin:0;color:#6b7c89;line-height:1.55}.login-card label{display:grid;gap:8px;margin-bottom:16px;font-size:13px;font-weight:800}.login-card input{height:48px;padding:0 14px;border:1px solid #dce8ef;border-radius:12px;background:#f9fcfe;outline:none}.login-card input:focus{border-color:#178fc9;box-shadow:0 0 0 4px rgba(23,143,201,.12);background:#fff}.login-card button{width:100%;height:50px;border:0;border-radius:12px;background:#e31e24;color:#fff;font-weight:900;cursor:pointer}.login-card button:disabled{opacity:.65}.error{min-height:22px;margin:-2px 0 10px;color:#b51218;font-size:13px;font-weight:750}.security-note{display:grid;gap:5px;margin-top:24px;padding:16px;border-radius:14px;background:#eaf7fd}.security-note strong{font-size:13px;color:#0b6f9f}.security-note span{font-size:12px;color:#6b7c89;line-height:1.5}@media(max-width:520px){.login-card{padding:26px 22px}.login-copy h1{font-size:29px}}