*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#253b36;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:430px;background:#fff;border:1px solid #dfdfd5;border-radius:20px;padding:36px;box-shadow:0 12px 35px #193f2b08}.mark{width:44px;height:44px;border-radius:12px;background:#245b43;color:#fff;font-size:30px;font-weight:700;display:grid;place-items:center}.eyebrow{font-size:11px;letter-spacing:2px;margin-top:24px;color:#61776a}h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.intro{color:#68776e;margin:0 0 28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;font:inherit;font-size:14px;padding:13px;border:1px solid #cbd5cd;border-radius:8px}input[readonly]{background:#f5f7f4;color:#627168}button{width:100%;background:#245b43;color:white;border:0;border-radius:9px;padding:14px;font:inherit;font-weight:600;margin-top:24px;cursor:pointer}button:disabled{opacity:.6}input:focus,button:focus{outline:3px solid #b6d5bd;outline-offset:2px}#message{font-size:13px;color:#8c352a;min-height:18px}.note{border-top:1px solid #e7eae3;padding-top:20px;color:#778278;font-size:12px;line-height:1.7;margin-bottom:0}@media(max-width:480px){main{padding:26px}body{padding:16px}h1{font-size:27px}}