*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:linear-gradient(160deg,#16335A,#1B3F6B 60%,#0F2747);display:flex;align-items:center;justify-content:center;padding:16px;color:#14202E}
.box{background:#fff;border-radius:20px;border-top:6px solid #FFD100;padding:30px 32px;width:440px;max-width:100%;box-shadow:0 24px 70px rgba(0,0,0,.5)}
h1{margin:0;font-size:32px;color:#1B3F6B}
.sub{color:#4B5B6C;margin:6px 0 22px;font-size:15px;line-height:21px}
label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4B5B6C;margin-bottom:16px}
input{display:block;width:100%;height:54px;margin-top:6px;border:1.5px solid #9AA9BB;border-radius:10px;padding:0 14px;font-size:19px;color:#14202E;background:#fff}
input:focus{outline:3px solid #9BB3CF;border-color:#1B3F6B}
button{width:100%;height:58px;border-radius:12px;border:2px solid #1B3F6B;background:#FFD100;color:#1B3F6B;font-size:20px;font-weight:800;margin-top:6px;cursor:pointer}
button:disabled{opacity:.55}
.err{min-height:22px;color:#B3261E;font-weight:600;font-size:15px;margin-bottom:8px}
[hidden]{display:none!important}