*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#F6F7F9;font-family:Geist,"Helvetica Neue",system-ui,sans-serif;color:#101828;padding:24px}
.wrap{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}
.logo{width:44px;height:44px;border-radius:12px;background:#4B3FD8;display:flex;align-items:center;justify-content:center}
h1{margin:12px 0 0;font-size:24px;font-weight:700;letter-spacing:-.02em}
.sub{font-size:14px;color:#475467}
form{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#344054}
input{height:48px;border:1px solid #D0D5DD;border-radius:10px;padding:0 14px;font:inherit;font-size:16px;font-weight:400;color:#101828}
input:focus{outline:none;border-color:#4B3FD8;box-shadow:0 0 0 3px #EEECFD}
button{height:48px;border:0;border-radius:10px;background:#4B3FD8;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
button:hover{background:#3A2FB8}
.err{background:#FEF3F2;color:#912018;font-size:13px;padding:10px 12px;border-radius:10px}
.ok{background:#ECFDF3;color:#05603A;font-size:13px;padding:10px 12px;border-radius:10px}
.hint{font-size:12px;color:#475467}