@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@500;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#101817;color:#f1f2e9;font-family:Manrope,sans-serif;display:grid;place-items:center;padding:24px}main{width:min(760px,100%);background:#173b32;border:1px solid #8ee5b0;border-radius:28px;padding:56px;box-shadow:18px 18px 0 #f4c95d}.badge{font:12px 'DM Mono';letter-spacing:2px;color:#173b32;background:#8ee5b0;display:inline-block;padding:7px 10px;border-radius:99px}h1{font-size:clamp(42px,8vw,78px);letter-spacing:-5px;line-height:.98;margin:25px 0 18px}em{color:#f4c95d;font-style:normal}.lead{max-width:580px;color:#c9d8cc;line-height:1.6}form{display:flex;gap:10px;margin:34px 0 12px}input,select,button{border:0;border-radius:12px;padding:16px;font:600 15px Manrope}input{min-width:0;flex:1;background:#fff;color:#15211e}select{background:#d9ece0;color:#15211e}button{background:#f4c95d;color:#14201d;cursor:pointer}button:hover{transform:translateY(-2px)}#status{min-height:24px;color:#f4c95d}a{color:#f4c95d}section{margin-top:42px;border-top:1px solid #4a7865;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:#bcd5c4;font-size:14px}footer{font:12px 'DM Mono';color:#94b9a2;margin-top:38px}@media(max-width:550px){main{padding:30px 24px;box-shadow:8px 8px 0 #f4c95d}form{flex-wrap:wrap}input{flex-basis:100%}h1{letter-spacing:-3px}section{display:block}section span{display:block;margin-top:8px}}