:root{
  color-scheme:light;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#eef3f8;
  color:#102131;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#dbe8f4 0,#eef3f8 38%,#f7f9fb 100%)}
button,input{font:inherit}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,460px);background:#fff;border:1px solid rgba(16,33,49,.09);border-radius:24px;box-shadow:0 24px 70px rgba(23,48,71,.14);padding:34px}
.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:34px}
.login-brand strong,.login-brand small{display:block}
.login-brand strong{font-size:17px;letter-spacing:-.02em}
.login-brand small{margin-top:2px;color:#6a7885;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.login-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#17354e;color:#fff;font-weight:800;letter-spacing:.04em}
.eyebrow{margin:0 0 8px;color:#2f6f9d;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
h1{margin:0;font-size:34px;letter-spacing:-.04em;line-height:1.08}
.intro{margin:12px 0 26px;color:#647381;line-height:1.55}
form{display:grid;gap:16px}
label{display:grid;gap:7px;color:#253b4e;font-weight:700;font-size:14px}
input{width:100%;min-height:50px;border:1px solid #cbd6df;border-radius:13px;padding:0 15px;background:#fbfcfd;color:#102131;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
input:focus{border-color:#3479a9;background:#fff;box-shadow:0 0 0 4px rgba(52,121,169,.12)}
button{min-height:52px;border:0;border-radius:14px;background:#17354e;color:#fff;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s,background .15s}
button:hover{background:#214a6a;transform:translateY(-1px)}
button:disabled{cursor:wait;opacity:.62;transform:none}
.form-message{display:none;border-radius:12px;padding:11px 13px;font-size:14px;line-height:1.4}
.form-message.visible{display:block}
.form-message.error{background:#fff0f0;color:#9b2525;border:1px solid #f0c3c3}
.form-message.info{background:#eef7ff;color:#245d86;border:1px solid #c8e1f3}
.form-message.success{background:#edf9f1;color:#22623a;border:1px solid #c8e7d2}
.hidden{display:none!important}
footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #e8edf1;color:#83909b;font-size:12px}
@media(max-width:520px){
  .login-shell{padding:0;background:#fff}
  .login-card{min-height:100vh;width:100%;border:0;border-radius:0;box-shadow:none;padding:28px 22px;display:flex;flex-direction:column;justify-content:center}
  h1{font-size:30px}
}