:root{font-family:Arial,sans-serif;color:#173e37;background:#edf6f2}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;background:white;padding:32px;border:1px solid #a9c9ba;border-radius:14px;width:min(94vw,480px);margin:24px}h1{margin:0}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}button,input{font:inherit;border-radius:7px;border:1px solid #adc8bd;padding:12px;box-sizing:border-box}label{display:block;margin:18px 0;font-size:14px}input{display:block;width:100%;margin-top:7px}button{cursor:pointer;background:#f4f9f6;color:inherit}button.active,#submit{background:#106b50;color:white}#submit{width:100%;font-weight:bold}button:disabled{opacity:.6;cursor:wait}.note{font-size:12px;line-height:1.6;color:#58746a}#message{min-height:24px;line-height:1.5}[hidden]{display:none!important}
@media(max-width:600px){body{display:block;min-height:100dvh;padding:24px 12px;box-sizing:border-box}main{width:100%;max-width:480px;margin:0 auto;padding:24px 20px}h1{font-size:30px}nav{gap:6px}nav button{flex:1 1 auto;min-height:44px;padding:10px;font-size:14px}input{font-size:16px;min-height:48px}label{font-size:15px}#submit{min-height:48px;font-size:16px}.note{font-size:13px}}