*{box-sizing:border-box}
body{margin:0;padding:calc(24px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));background:#eef5f6;color:#18343b;font:16px/1.5 Arial,sans-serif}
main{max-width:480px;margin:24px auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 25px #00586b15}
.logo{display:block;width:200px;max-width:100%;margin:0 auto 22px}
h1{font-size:25px;color:#00586b}label{display:block;font-weight:700;margin-top:16px}
input,button{font:inherit;width:100%;padding:12px;border-radius:9px}
input{margin-top:6px;border:1px solid #b9d2d8;min-width:0}
button{border:0;background:#00a77a;color:white;font-weight:700;cursor:pointer;margin-top:20px;min-height:46px}
button:disabled{opacity:.6;cursor:wait}a{color:#00586b}small{display:block;color:#526d74;margin-top:5px}
.secondary{background:#e6f1f3;color:#00586b;margin-top:10px}
.remember{display:flex;align-items:center;gap:10px;font-weight:400}.remember input{width:20px;height:20px;margin:0;flex-shrink:0}
#otpCode{text-transform:uppercase;letter-spacing:6px}
#message{padding:12px;border-radius:9px;background:#fff3d9;overflow-wrap:anywhere}#message.success{background:#dff6ed}
.lang-switcher{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.lang-btn{width:auto;margin:0;background:#e6f1f3;color:#00586b}.lang-btn.active{background:#00586b;color:white}
.text-button{background:none;color:#00586b;text-decoration:underline;margin:0;padding:6px;width:auto}.registration{text-align:center;margin-bottom:0}
input:focus,button:focus-visible,a:focus-visible{outline:3px solid #55b0be;outline-offset:2px}
[hidden]{display:none!important}
@media(max-width:480px){main{margin:8px auto;padding:20px}}