:root{--blue:#23a4eb;--navy:#0d1f30;--ink:#102335;--muted:#607284;--line:#dce7ef}*{box-sizing:border-box}body{margin:0;background:#f8fbfd;color:var(--ink);font-family:Inter,Arial,sans-serif}.quiz-shell{min-height:720px;padding:76px 18px 32px;display:flex;justify-content:center;align-items:flex-start}.quiz-card{width:min(704px,100%);min-height:540px;background:#fff;border:1px solid #e3edf3;border-radius:18px;box-shadow:0 18px 55px rgba(13,31,48,.1);overflow:hidden;position:relative}.progress{height:7px;background:#e7eef3}.progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#209cee,#112337);transition:width .35s ease}.step{display:none;padding:30px 34px 42px;text-align:center;animation:show .35s ease}.step.active{display:block}.hero-image{display:block;width:100%;max-height:270px;object-fit:cover;border-radius:12px;margin:0 auto 25px}.step h1,.step h2{font-size:34px;line-height:1.2;margin:12px auto 16px;max-width:650px}.intro,.final-step>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6;max-width:560px;margin:0 auto 24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#168bca;font-weight:700;font-size:13px;margin:28px 0 8px}.primary{display:inline-flex;align-items:center;justify-content:center;width:min(41rem,100%);min-height:57px;border:0;border-radius:12px;background:linear-gradient(135deg,#23a4eb 0%,#0d1f30 100%);color:#fff;text-decoration:none;font:700 17px Inter,Arial,sans-serif;cursor:pointer;padding:14px 25px;box-shadow:0 8px 20px rgba(21,109,164,.22)}.primary:hover{filter:brightness(1.08)}.options{display:grid;gap:12px;margin:28px auto 0;max-width:650px}.options button{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:600 17px Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:.18s}.options button:after{content:'›';float:right;font-size:22px;color:#188fce}.options button:hover,.options button:focus{border-color:#209cee;background:#f0f9ff;transform:translateY(-1px)}.check{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:50px auto 8px;background:#e8f8ff;color:#1496d8;font-size:40px;font-weight:700}.pulse{animation:pulse 2s infinite}.legal{max-width:704px;margin:0 auto;padding:32px 24px 55px;text-align:center;color:#5f6c77;font-size:13px;line-height:1.6}.legal p:first-child{text-align:left}.legal nav{display:flex;justify-content:center;gap:22px;margin:18px 0}.legal a{color:#274c69}.legal small{display:block;font-size:11px}@keyframes show{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-width:600px){.quiz-shell{min-height:690px;padding:28px 13px 20px}.quiz-card{border-radius:14px;min-height:610px}.step{padding:20px 14px 34px}.hero-image{height:220px;margin-bottom:20px}.step h1,.step h2{font-size:23px;line-height:1.25}.intro{font-size:15px}.primary{width:18rem;max-width:100%;border-radius:10px}.options{gap:10px;margin-top:22px}.options button{text-align:center;padding:15px 12px;font-size:16px}.options button:after{float:none;position:absolute;margin-left:8px}.check{margin-top:45px}.legal{padding:25px 15px 45px;font-size:12px}.legal p:first-child{text-align:center}}