:root{--navy:#023047;--teal:#175776;--accent:#2e9abe;--gold:#f4a261;--bg:#f0f4f8;--card-bg:#ffffff;--border:#dde4ed;--text:#1a2a38;--muted:#5a7080;--radius:14px;--shadow:0 6px 24px rgba(2,48,71,0.1);--shadow-hover:0 12px 36px rgba(2,48,71,0.18)}.hero{background:#023047;padding:80px 0;text-align:center;z-index:1;position:relative;width:100vw;left:50%;right:50%;margin-right:-50vw;margin-left:calc(-50vw + 50%);left:0;margin-top:-60px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none}.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:900;color:#fff;line-height:1.15;max-width:680px;margin:0 auto 16px;max-width:80%}.hero h1 span{color:var(--gold)}.hero p{font-size:1.1rem;color:rgba(255,255,255,.78);max-width:500px;margin:0 auto;line-height:1.7;max-width:80%}.hero-divider{position:absolute;bottom:-1px;left:0;width:100%;height:48px;background:var(--bg);clip-path:ellipse(55% 100% at 50% 100%)}.why-quiz{max-width:800px;margin:0 auto;padding:32px 28px}.why-quiz h2{font-size:1.2rem;font-weight:600;color:#023047;margin:0 0 16px}.why-quiz p{font-size:1rem;line-height:1.8;color:#3a5060;margin:0 0 12px}.why-quiz p:last-child{margin:0}.why-quiz strong{color:#023047}@media (max-width:480px){.quiz-grid{grid-template-columns:1fr;gap:14px}.card-image-wrapper{height:160px}}