:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f4f2ed;color:#111210}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f4f2ed 0 72%,#d8ff43 72%)}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,540px);padding:clamp(28px,6vw,52px);border:1px solid #111210;background:rgba(244,242,237,.97);box-shadow:18px 18px 0 #111210}.brand{display:flex;align-items:center;gap:14px;font-size:1.05rem;font-weight:700;letter-spacing:.2em;text-transform:lowercase}.mark{display:grid;width:48px;height:48px;place-items:center;background:#111210;color:#d8ff43;font-size:.8rem;letter-spacing:.08em}.step{display:flex;justify-content:space-between;gap:16px;margin:30px 0 12px;padding:11px 12px;background:#e8e5de;color:#484a45;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.step span{color:#777a73}h1{margin:.65rem 0 1rem;font-size:clamp(2.4rem,9vw,4.8rem);letter-spacing:-.07em;line-height:.82}p{color:#555851;font-size:.92rem;line-height:1.6}p span{color:#777a73}.error{padding:12px 14px;border:1px solid #9f332b;background:#f4e3df;color:#76251f}label{display:grid;gap:7px;margin:18px 0;color:#111210;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}input{width:100%;border:1px solid #777a73;border-radius:0;background:#fff;color:#111210;padding:14px;font:inherit;font-size:1rem;letter-spacing:0;text-transform:none}input:focus{outline:3px solid #d8ff43;outline-offset:1px;border-color:#111210}button{display:flex;justify-content:space-between;width:100%;border:0;margin-top:8px;padding:15px 16px;background:#111210;color:#fff;font:inherit;font-weight:800;cursor:pointer}button:hover{background:#30322e}.separation{margin:26px 0 0;padding-top:22px;border-top:1px solid #c4c2bc;font-size:.78rem}@media(max-width:520px){body{background:#f4f2ed}.card{padding:28px 22px;box-shadow:8px 8px 0 #111210}.step{display:grid}}