:root{font:16px system-ui,sans-serif;color:#20392d;background:#edf2ed}*{box-sizing:border-box}body{margin:0;padding:40px 16px}main{max-width:480px;margin:auto;padding:32px;background:#fff;border-radius:24px;box-shadow:0 10px 50px #153e2912}.brand{font-size:14px;color:#436851;font-weight:650}h1{font-size:30px;margin:20px 0 12px}p{line-height:1.55}.note{padding:14px;border-radius:12px;background:#f4f0dc;color:#635527;font-size:14px}.tabs{display:flex;gap:8px;margin:22px 0}.tabs button{margin:0;width:50%;color:#315b43;background:#eff4ef}.tabs button[aria-pressed=true]{color:#fff;background:#245b3d}label{display:block;margin:18px 0 8px;font-weight:600}input{width:100%;padding:14px;border:1px solid #a7b6ad;border-radius:10px;font:inherit}input:focus{outline:3px solid #b6d7c4}small{display:block;line-height:1.5;color:#63746a;margin-top:7px}button{width:100%;padding:14px;border:0;border-radius:10px;background:#245b3d;color:white;font:inherit;font-weight:650;margin-top:22px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{display:block;color:#245b3d;margin:20px 0}.hint,.foot{font-size:13px;color:#65746b}#message{padding:8px 0;font-weight:600}#message[data-error=true]{color:#a02f27}[hidden]{display:none!important}@media(max-width:520px){body{padding:12px}main{padding:24px;border-radius:16px}}