*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0c0f0c;color:#f4f5ef;font-family:Inter,system-ui,sans-serif}main{width:min(440px,calc(100% - 30px));padding:34px;border:1px solid #354035;background:#151915}main>div{width:52px;height:52px;display:grid;place-items:center;background:#afff36;color:#101410;font-weight:950;letter-spacing:.08em}main>p:first-of-type{margin:24px 0 8px;color:#afff36;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1{font-size:38px;line-height:1;margin:0 0 14px;letter-spacing:-.04em}h1+p{color:#9da79d;line-height:1.6}label{display:block;margin:24px 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}input{width:100%;height:56px;background:#0c0f0c;border:1px solid #424b42;color:#fff;font-size:20px;padding:0 15px;outline:none}input:focus{border-color:#afff36;box-shadow:0 0 0 1px #afff36}button{width:100%;height:54px;margin-top:12px;border:0;background:#afff36;color:#101410;font-weight:900;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}[role=alert]{padding:12px;border-left:3px solid #ff715b;background:#291815;color:#ffb1a5;font-size:13px}@media(max-width:520px){main{padding:27px 22px}h1{font-size:33px}}