:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202c43;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 75% 48% at 50% -6%,#e1eafa 0%,transparent 80%),#f5f7fb}
.layout{min-height:100vh;display:grid;place-items:center;padding:24px}
.panel{width:min(100%,440px);background:white;border:1px solid #e8edf6;border-radius:22px;padding:43px 40px 40px;box-shadow:0 18px 60px #31486c12}
.shield{display:grid;place-items:center;width:50px;height:50px;margin-bottom:24px;background:#ebf2ff;border-radius:15px;color:#326bd0;font-size:29px}
h1{font-size:28px;letter-spacing:-.035em;margin:0 0 34px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.password-wrap{position:relative}
input{width:100%;height:49px;border:1px solid #dce4ef;border-radius:10px;padding:0 64px 0 15px;font-size:15px;outline:none;transition:.2s;background:#fcfdff}
input:focus{border-color:#467de4;box-shadow:0 0 0 4px #3d7be212}
input:disabled{background:#f4f6fa}
.toggle{position:absolute;right:7px;top:7px;border:0;background:transparent;color:#6580a3;height:35px;padding:0 11px;cursor:pointer;font-size:13px}
.message:empty{display:none}
.message{margin:12px 0 15px;color:#c83d50;font-size:12px;line-height:1.6}
.submit{width:100%;height:50px;border:0;border-radius:10px;background:#3474e0;color:white;font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 20px #3474e02a;transition:.2s;margin-top:20px}
.submit:hover{background:#2866d0}
.submit:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){.layout{padding:20px}.panel{padding:35px 24px;min-width:0}h1{font-size:25px}}