*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:#eaf2ff;color:#12233f;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:16px}
.box{background:#fff;width:100%;max-width:380px;padding:24px;border-radius:14px;box-shadow:0 4px 18px rgba(30,90,200,.15)}
h1{margin:0;color:#1d6fe8;font-size:26px;text-align:center}
h2{margin:6px 0 18px;font-size:17px;text-align:center;font-weight:600}
label{display:block;font-size:14px;margin:12px 0 4px}
input{width:100%;padding:11px;border:1px solid #b9cdea;border-radius:8px;font-size:16px}
button{width:100%;margin-top:18px;padding:12px;background:#1d6fe8;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}
.err{background:#ffe3e3;color:#a30000;padding:10px;border-radius:8px;font-size:14px;margin-bottom:8px}
.ok{background:#dcf5e3;color:#0b6b2b;padding:10px;border-radius:8px;font-size:14px;margin-bottom:8px}
.lang{text-align:right;font-size:13px}
a{color:#1d6fe8}
.alt{text-align:center;margin-top:16px;font-size:14px}