*{box-sizing:border-box}body{margin:0;background:#f3f5ef;color:#203d32;font:15px system-ui;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:white;border:1px solid #dce4d7;border-radius:22px;padding:40px;width:min(440px,100%);box-shadow:0 20px 80px #243e3210}.mark{background:#244b3c;color:#dcecca;font-size:32px;border-radius:15px;width:58px;padding:8px;text-align:center}h1{font-size:30px;margin:24px 0}label{display:block;margin:18px 0;font-weight:600}input{display:block;border:1px solid #cbd7c9;border-radius:9px;padding:13px;width:100%;margin-top:8px;font:inherit}button{width:100%;padding:14px;background:#244b3c;color:white;border:0;border-radius:9px;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.5}p{font-size:13px;line-height:1.6;color:#9d332c}[hidden]{display:none!important}