@charset "UTF-8";
:root{font-family:"Segoe UI",Arial,sans-serif;color:#1d2c27;background:#edf2ec;font-size:16px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#f8fbf7 0,#edf2ec 55%,#dce7de 100%)}
main{width:min(420px,100%);background:#fff;border:1px solid #d7e0d8;border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(21,45,37,.12)}
.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7794c;color:#fff;font:28px Georgia,serif}.eyebrow{margin:28px 0 8px;color:#66806f;font-size:11px;font-weight:700;letter-spacing:1.7px}
h1{margin:0;font-size:32px;letter-spacing:-1px}p{color:#6f7d76;line-height:1.6}label{display:grid;gap:8px;margin:24px 0 14px;font-size:13px}input{width:100%;border:1px solid #cad6cc;border-radius:10px;padding:12px;font:inherit;background:#fafcf9}input:focus-visible,button:focus-visible{outline:3px solid #efb092;outline-offset:2px}
button{width:100%;border:0;border-radius:10px;padding:12px 16px;background:#152d25;color:#fff;font:600 16px inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}output{display:block;min-height:22px;margin-top:12px;color:#a3442f;font-size:13px}