*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#a81835 0 28%,#e8ede3 28%);font:16px 'Segoe UI',sans-serif;color:#24483b}main{width:100%;max-width:440px;padding:32px;background:#fffdf3;border:1px solid #ccd6c8;border-radius:24px;box-shadow:0 20px 60px #20392a33}h1{font-size:36px;margin:8px 0}p,small{line-height:1.5}small{display:block;color:#627565}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin-top:20px}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #96ad9d;border-radius:10px;font:inherit}button{width:100%;min-height:48px;background:#b82340;color:white;border:0;border-bottom:4px solid #801d31;border-radius:12px;font:600 17px 'Segoe UI',sans-serif}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #237d9a;outline-offset:3px}#message{min-height:24px;color:#a42438}.ball{width:50px;height:50px;border:5px solid #234738;border-radius:50%;background:linear-gradient(#d84750 44%,#234738 44% 56%,#fff 56%)}