:root{--red:#b00016;--blue:#0b2b66;--ink:#121826;--muted:#6d7280;--line:#dfe3ea;--paper:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#ffffff 0,#eef2f7 42%,#d9e0ea 100%);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:28px}.form-shell{width:min(920px,100%);min-height:720px;background:rgba(255,255,255,.92);border:1px solid #d7dce5;border-radius:28px;box-shadow:0 30px 90px rgba(8,20,50,.18);position:relative;overflow:hidden}.form-shell:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,var(--red),#fff,var(--blue));}.screen{display:none;padding:74px 72px 95px;min-height:660px;animation:fade .25s ease}.screen.active{display:block}.hero{display:none;place-items:center;text-align:center}.hero.active{display:grid}.brand-card{max-width:620px}.logo{max-width:180px;margin-bottom:18px}h1{font-family:Georgia,serif;font-size:46px;margin:0;color:var(--blue)}.tagline{font-size:23px;color:var(--red);font-weight:800}.count{font-size:18px;color:var(--muted)}.question-number{font-size:18px;font-weight:900;color:var(--red);margin-bottom:12px}h2{font-family:Georgia,serif;font-size:34px;line-height:1.16;margin:0 0 18px;color:var(--blue)}h2 span{color:var(--red)}p,.note{font-size:17px;line-height:1.65;color:#343b4a}.rules-box{border:1px solid var(--line);border-radius:18px;padding:18px 22px;background:#f8fafc;max-height:310px;overflow:auto;margin-bottom:18px}label{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#4d5565;margin:18px 0 8px}input,select,textarea{width:100%;border:none;border-bottom:2px solid var(--line);background:transparent;padding:14px 4px;font-size:20px;color:#111827;outline:none}textarea{border:2px solid var(--line);border-radius:16px;padding:16px;resize:vertical;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--red)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.small-left{grid-template-columns:180px 1fr}.choice-row,.choice-grid{display:grid;gap:14px;margin:20px 0}.choice-row{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr 1fr}.choice-row label,.choice-grid label,.check{border:2px solid var(--line);border-radius:16px;padding:18px;text-transform:none;letter-spacing:0;font-size:17px;background:#fff;cursor:pointer}.choice-row input,.choice-grid input,.check input{width:auto;margin-right:10px}.choice-row label:has(input:checked),.choice-grid label:has(input:checked),.check:has(input:checked){border-color:var(--red);background:#fff6f7}.actions{display:flex;gap:14px;margin-top:34px}button{border:none;border-radius:999px;padding:15px 26px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#e8edf5;color:var(--blue)}.primary-btn,button[data-next],button[type=submit]{background:linear-gradient(135deg,var(--red),#7a0010);color:#fff;box-shadow:0 12px 25px rgba(176,0,22,.24)}button:hover{transform:translateY(-1px)}.progress{position:absolute;bottom:0;left:0;right:0;padding:16px 72px 22px;background:rgba(255,255,255,.85);border-top:1px solid var(--line);display:none;align-items:center;gap:18px}.progress span{font-weight:900;color:var(--blue);white-space:nowrap}.progress div{height:8px;background:#e7ebf1;border-radius:100px;overflow:hidden;flex:1}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--blue));transition:.25s}.honeypot{position:absolute;left:-9999px}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:720px){body{padding:10px}.form-shell{min-height:100vh;border-radius:0}.screen{padding:52px 24px 110px}.two-col,.small-left,.choice-row,.choice-grid{grid-template-columns:1fr}h1{font-size:34px}h2{font-size:28px}.progress{padding:14px 24px 20px}}