*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#17243b;font-family:system-ui,-apple-system,sans-serif;display:grid;place-items:center;min-height:100vh;padding:24px}main{width:min(100%,480px);background:white;border:1px solid #e2e6ed;border-radius:24px;padding:36px;box-shadow:0 18px 55px #14243d0c}.brand{font-size:13px;letter-spacing:.03em;font-weight:700;color:#52617a}.tag{display:inline-block;background:#e9f4ef;color:#236147;border-radius:20px;padding:6px 12px;font-size:12px;margin-top:12px}h1{font-size:28px;letter-spacing:-1px;margin:20px 0 12px}p{line-height:1.65;color:#52617a}label{display:block;font-size:14px;font-weight:650;margin:18px 0 0}input{display:block;width:100%;margin-top:8px;border:1px solid #cdd5e0;border-radius:10px;padding:13px;font:inherit}input:focus{outline:3px solid #c0392b24;border-color:#c0392b}input[readonly]{background:#f5f6f9;color:#52617a}.help{font-size:12px}button{width:100%;border:0;border-radius:11px;background:#b9332b;color:white;font:inherit;font-weight:700;padding:15px;cursor:pointer}button:disabled{background:#9da6b4;cursor:default}#status{font-size:14px}a{color:#273c60;font-size:13px}@media(max-width:420px){main{padding:24px}h1{font-size:25px}}