:root{font-family:system-ui,sans-serif;color:#143c40;background:#eef4f2}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:36px auto;padding:36px;background:#fff;border-radius:20px;box-shadow:0 14px 60px #15393e12}header{display:flex;justify-content:space-between;font-weight:700;letter-spacing:.08em;gap:16px}small{font-size:11px;color:#56716e}h1{font-size:44px;line-height:1.1;letter-spacing:-1.6px}p{line-height:1.6}nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}button{font:inherit;cursor:pointer;border:1px solid #a4bcb7;border-radius:8px;padding:11px 16px;background:#f4f8f6;color:#164f51;margin:4px 4px 4px 0}button[type=submit],#submit{background:#176568;color:white;border-color:#176568}button:disabled{opacity:.55;cursor:wait}label{display:block;margin:16px 0;font-weight:500}input{display:block;width:100%;font:inherit;border:1px solid #94aca6;border-radius:7px;padding:12px;margin-top:7px}footer{margin-top:36px;border-top:1px solid #dce7e1;padding-top:20px;font-size:12px;color:#58736e;line-height:1.7}#message{padding:12px;background:#f4f7f4;overflow-wrap:anywhere}section[hidden],form[hidden]{display:none}@media(max-width:600px){main{margin:0;border-radius:0;min-height:100vh;padding:26px}h1{font-size:38px}header{flex-direction:column}}

[hidden]{display:none!important}