*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%;margin:0}
body{font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#14213d;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1200px 600px at 80% -10%,#2C3D8240,transparent 60%),radial-gradient(900px 500px at -10% 110%,#0d948840,transparent 60%),#0f1b3d}
.wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.card{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:34px 30px 30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.mark{width:46px;height:46px;border-radius:12px;background:#eef3ff;display:grid;place-items:center;margin-bottom:18px}
.mark svg{width:24px;height:24px;fill:none;stroke:#2C3D82;stroke-width:2;stroke-linecap:round}
.kicker{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7891}
h1{margin:4px 0 6px;font-size:24px;line-height:1.25}
.lead{margin:0 0 22px;color:#4a5874}
label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.field{display:flex;align-items:center;border:1px solid #d8dfeb;border-radius:10px;background:#fafbfd;transition:border-color .15s,box-shadow .15s}
.field:focus-within{border-color:#2C3D82;box-shadow:0 0 0 3px #2C3D8226;background:#fff}
.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;padding:12px 14px;color:#14213d}
.eye{border:0;background:none;color:#4a5874;font:inherit;font-size:13px;padding:0 14px;cursor:pointer;align-self:stretch}
.eye:hover{color:#2C3D82}
.error{margin:10px 0 0;color:#b91c1c;font-size:13.5px}
.submit{margin-top:18px;width:100%;border:0;border-radius:10px;background:#2C3D82;color:#fff;font:inherit;font-weight:600;font-size:15px;padding:12px;cursor:pointer;transition:filter .15s}
.submit:hover{filter:brightness(1.07)}
.submit:disabled{opacity:.6;cursor:default}
.submit:focus-visible,.eye:focus-visible{outline:3px solid #f1b65a;outline-offset:2px}
.foot{margin:18px 0 0;font-size:12px;color:#aab6d3}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}

.logo{display:block;width:230px;max-width:80%;height:auto;margin:0 0 22px}