:root{font-family:system-ui,sans-serif;color:#233828;background:#eef3e9;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#fbfce9,transparent 65%),#eef3e9}main{width:min(100%,430px);background:#fffef9;padding:36px;border:1px solid #d8e1ce;border-radius:24px;box-shadow:0 20px 70px #23382812}.mark{display:grid;place-items:center;width:50px;height:50px;background:#517b38;color:#fff;border-radius:16px;font-weight:800}h1{font-size:27px;margin:24px 0 12px}p{line-height:1.5;color:#52624f}form{display:grid;gap:20px;margin-top:24px}label{display:grid;gap:8px;font-weight:600}input,button{font:inherit;padding:13px 15px;border-radius:10px}input{width:100%;border:1px solid #9bad91;background:#fff}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c2d995;outline-offset:3px}button{border:0;background:#426b2d;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#message{margin:0;min-height:24px;font-size:14px}details{border-top:1px solid #e0e5da;margin-top:20px;padding-top:20px;font-size:14px}summary{cursor:pointer}@media(max-width:480px){main{padding:24px}body{padding:14px}}