*{box-sizing:border-box}body{margin:0;background:#f3f5f3;color:#19332b;font:18px/1.5 system-ui,sans-serif}main{max-width:520px;margin:0 auto;padding:24px 16px}section{background:#fff;border:1px solid #d9e2dc;border-radius:16px;padding:22px;margin:16px 0}h1{font-size:clamp(28px,8vw,40px);line-height:1.15}h2{font-size:22px}label{display:block;margin:12px 0 6px;font-weight:650}input{width:100%;min-height:52px;border:1px solid #879b90;border-radius:10px;padding:10px 12px;font:inherit}input.pin{font-size:30px;letter-spacing:.45em;text-align:center}button,.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:12px 0;border:0;border-radius:10px;background:#21583f;color:#fff;font:700 18px/1.2 system-ui,sans-serif;text-decoration:none;cursor:pointer}.secondary{background:#e7efe9;color:#19332b;border:1px solid #b8c8be}details{margin-top:18px}summary{cursor:pointer;font-weight:650}.hint{color:#53645c;font-size:15px}.error{color:#7b241c}.status{min-height:24px}nav{display:flex;gap:14px;flex-wrap:wrap}a{color:#21583f;overflow-wrap:anywhere}:focus-visible{outline:3px solid #b26a00;outline-offset:3px}@media(min-width:700px){main{padding-top:60px}}