:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17365d;background:#eef4fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dceaff,#eef4fb 48%,#f7faff)}
.card{background:white;border:1px solid #d1e0f1;border-radius:22px;box-shadow:0 18px 50px #153d6c19;width:min(480px,100%);padding:28px}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}
.brand div{display:flex;flex-direction:column}.brand strong{font-size:19px;color:#103f81}.brand span{font-size:12px;color:#4a698d}
.mark{display:grid;place-items:center;width:48px;height:48px;border:3px solid #e9ac31;border-radius:14px;background:#114e98;color:white;font-size:27px;font-weight:800}
.tag{display:inline-block;background:#e6f2ff;color:#145caa;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}
h1{font-size:clamp(23px,5vw,30px);letter-spacing:-.02em;margin:17px 0 9px}
.intro,.footer{line-height:1.55;color:#536c8b;font-size:14px}
#status{background:#f0f6ff;border-left:4px solid #2475d2;border-radius:8px;padding:13px;margin:20px 0;line-height:1.5;font-size:14px}
#status.error{background:#fff0ef;border-color:#d8463c;color:#8e2520}
#status.success{background:#eaf9ef;border-color:#21a05b;color:#21663d}
form{margin-top:19px}form[hidden]{display:none}
label{display:block;font-size:14px;font-weight:700;margin:15px 0 6px}
input{width:100%;border:1px solid #9cb5d2;border-radius:10px;padding:13px;font-size:17px;outline-offset:3px}
input:focus{border-color:#246fcd}.hint{color:#657a94;font-size:12px;margin:7px 0}
button{width:100%;padding:14px;border:0;border-radius:11px;background:#165ec0;color:white;font-size:16px;font-weight:750;cursor:pointer;margin-top:20px}
button:disabled{opacity:.55;cursor:wait}.footer{border-top:1px solid #e4ecf5;margin-top:25px;padding-top:15px;font-size:12px}