@font-face{font-family:Geologica;src:local("Geologica")}*{box-sizing:border-box}body{margin:0;background:#f4f2ef;color:#111;font-family:Geologica,Arial,sans-serif}.entry{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(620px,100%);background:#fff;border:1px solid #ded9d3;border-radius:18px;padding:42px;box-shadow:0 18px 48px #3b302516}.brand{display:flex;align-items:center;font-size:40px;font-weight:750;letter-spacing:.12em}.brand i{width:30px;height:30px;border:9px solid #ed3434;border-radius:50%;margin:0 3px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#756a61;margin:28px 0 8px}h1{font-size:34px;margin:0 0 12px}p{line-height:1.55;color:#5f554e}form{display:grid;gap:16px;margin:28px 0}label{display:grid;gap:8px;font-weight:700}input{width:100%;padding:15px 17px;border:1px solid #cfc8c1;border-radius:10px;font:700 22px/1 Geologica,Arial;letter-spacing:.12em;text-transform:uppercase}button{padding:15px 18px;border:0;border-radius:10px;background:#111;color:#fff;font:700 16px Geologica,Arial;cursor:pointer}button:disabled{opacity:.55}#state{min-height:24px;margin:0;color:#a52a22}small{color:#756a61}@media(max-width:560px){.card{padding:28px 22px}.brand{font-size:30px}.brand i{width:24px;height:24px;border-width:7px}h1{font-size:28px}}