.quiz-hero{background:linear-gradient(112deg,#0c203d 0%,#163762 68%,#254b7a 100%);color:#fff;position:relative;overflow:hidden;padding:94px 0 92px}
.quiz-hero:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(90deg,transparent 97%,#fff 98%),linear-gradient(transparent 97%,#fff 98%);background-size:82px 82px;pointer-events:none}
.quiz-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:center;gap:60px;position:relative;z-index:1}
.quiz-hero h1{font-size:clamp(3rem,6vw,6.25rem);line-height:1.02;letter-spacing:-.045em;max-width:900px;margin:25px 0 26px;font-weight:760}
.quiz-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#f3a6b8;letter-spacing:-.04em}
.quiz-hero p:not(.kicker){color:#d4e0ee;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.65;max-width:650px}
.quiz-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}
.quiz-hero-actions span{font-size:.83rem;letter-spacing:.02em;color:#d2deeb}
.quiz-hero-art{border:1px solid rgba(255,255,255,.34);min-height:360px;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(235,31,77,.17),rgba(255,255,255,.03));transform:rotate(4deg);box-shadow:20px 20px 0 rgba(255,255,255,.045)}
.quiz-art-number{font-family:Georgia,serif;font-size:clamp(10rem,19vw,17rem);line-height:1;color:#fff;letter-spacing:-.12em;transform:translateX(-.08em)}
.quiz-art-small,.quiz-art-caption{position:absolute;left:24px;font-size:.72rem;font-weight:800;letter-spacing:.2em;line-height:1.55}.quiz-art-small{top:22px}.quiz-art-caption{bottom:24px;color:#f7b0c1}.quiz-art-orbit{position:absolute;width:45%;aspect-ratio:1;border:2px solid #e21b50;border-radius:50%;right:-9%;top:-11%}
.quiz-main{background:#f4f6f9;padding:88px 0 108px}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}.quiz-area{min-width:0}.quiz-panel{background:#fff;box-shadow:0 24px 65px rgba(12,32,61,.07);padding:clamp(28px,4.2vw,62px);border-radius:4px;border-top:5px solid #d7194e}.quiz-panel[hidden]{display:none!important}.quiz-eyebrow,.quiz-aside-label{font-size:.75rem;font-weight:800;letter-spacing:.2em;color:#d7194e;margin:0 0 20px}.quiz-panel h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.1;letter-spacing:-.035em;color:#102a50;margin:0 0 20px}.quiz-panel p{font-size:1.08rem;color:#43536b;line-height:1.7}.quiz-start-stats{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.quiz-start-stats span{flex:1 1 150px;background:#f3f6fa;padding:18px 16px;color:#42536b;font-size:.85rem;line-height:1.4}.quiz-start-stats strong{display:block;font-size:2rem;color:#102a50;line-height:1.2}.quiz-primary,.quiz-secondary,.quiz-share-actions button{font:inherit;cursor:pointer}.quiz-primary{border:0;background:#d7194e;color:#fff;font-weight:750;padding:17px 23px;min-height:54px;display:inline-flex;gap:34px;justify-content:space-between;align-items:center;transition:background .2s,transform .2s}.quiz-primary:hover:not(:disabled){background:#b80e3c;transform:translateY(-2px)}.quiz-primary:disabled{opacity:.48;cursor:not-allowed}.quiz-primary:focus-visible,.quiz-secondary:focus-visible,.quiz-share-actions button:focus-visible,.quiz-options label:focus-within{outline:3px solid #1a66ad;outline-offset:3px}.quiz-error{color:#ac143b!important}.quiz-progress-top{display:flex;justify-content:space-between;gap:20px;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:#43536b}.quiz-progress-top span:last-child{color:#cc1646}.quiz-progress{height:7px;background:#e5e9ef;overflow:hidden;margin:18px 0 48px}.quiz-progress span{display:block;height:100%;background:#d7194e;width:0;transition:width .25s}.quiz-panel fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}.quiz-panel legend{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.025em;font-weight:700;color:#102a50;margin-bottom:28px;width:100%}.quiz-options{display:grid;gap:12px}.quiz-options label{display:flex;align-items:center;gap:16px;border:1px solid #d9e0e9;padding:17px 18px;cursor:pointer;color:#172f4e;transition:background .2s,border-color .2s}.quiz-options label:hover{border-color:#c41a49;background:#fff8fa}.quiz-options label:has(input:checked){border-color:#d7194e;background:#fff2f6;box-shadow:inset 4px 0 #d7194e}.quiz-options input{accent-color:#d7194e;width:19px;height:19px;flex:none}.quiz-score{display:flex;align-items:baseline;color:#102a50;margin:10px 0 5px}.quiz-score strong{font-family:Georgia,serif;font-size:clamp(7rem,16vw,12rem);line-height:1;font-weight:400;letter-spacing:-.1em}.quiz-score span{font-size:2rem;margin-left:18px;color:#d7194e;font-weight:700}.quiz-share{border-top:1px solid #e4e9f0;margin-top:34px;padding-top:29px}.quiz-share h3{font-size:1.3rem;color:#102a50;margin:0}.quiz-share p{font-size:.93rem;margin:8px 0 20px}.quiz-share-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz-share-actions button{padding:11px 16px;border:1px solid #102a50;background:#102a50;color:#fff;font-weight:650}.quiz-share-actions button:nth-child(n+3){background:#fff;color:#102a50}.quiz-share-actions button:hover{filter:brightness(.9)}.quiz-share-status{font-size:.88rem!important;color:#9c153b!important;min-height:1.5em}.quiz-share-note{font-size:.8rem!important;color:#66778d!important;margin-top:8px!important}.quiz-result-actions{margin-top:25px}.quiz-secondary{border:0;padding:13px 0;background:transparent;color:#c51445;font-weight:750;text-decoration:underline;text-underline-offset:4px}.quiz-result details{margin-top:25px;color:#102a50}.quiz-result summary{cursor:pointer;font-weight:700}.quiz-result ol{padding-left:22px}.quiz-result li{padding:14px 0;border-bottom:1px solid #e6eaf0;line-height:1.5}.quiz-result li strong{display:block}.quiz-result li span{display:block;color:#526178;font-size:.9rem}.quiz-result li .correct{color:#17634b}.quiz-result li .incorrect{color:#aa1a3f}.quiz-aside{padding:38px;background:#102a50;color:#fff;position:sticky;top:100px}.quiz-aside h2{font-family:Georgia,serif;font-size:2.1rem;font-weight:400;line-height:1.15;margin:0 0 24px}.quiz-aside p:not(.quiz-aside-label){color:#d8e3f0;font-size:.95rem;line-height:1.7}.quiz-aside-line{height:2px;background:#dd1a50;width:56px;margin:25px 0}.quiz-aside a{color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:700;display:inline-block;margin-top:14px}
@media(max-width:900px){.quiz-hero-grid{grid-template-columns:1fr}.quiz-hero-art{display:none}.quiz-layout{grid-template-columns:1fr}.quiz-aside{position:static}.quiz-main{padding:60px 0 80px}}
@media(max-width:600px){.quiz-hero{padding:65px 0}.quiz-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.quiz-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.quiz-main{padding:35px 0 60px}.quiz-progress{margin-bottom:32px}.quiz-panel{padding:28px 22px}.quiz-start-stats span{flex-basis:120px}.quiz-share-actions button{flex:1 1 135px}.quiz-aside{padding:28px 24px}}
.quiz-timer{display:inline-flex;gap:10px;align-items:center;margin-top:20px;padding:10px 15px;border:1px solid #dbe2eb;background:#f5f7fa;color:#102a50;font-size:.9rem;font-weight:650}
.quiz-timer strong{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;color:#c51445;font-size:1.15rem}
.quiz-timer strong.urgent{color:#fff;background:#b80e3c;padding:3px 6px;border-radius:3px}
.quiz-result details{background:#f7f9fc;border:1px solid #dce3ec;padding:17px 20px;border-radius:6px}
.quiz-result summary{font-size:1.05rem}
.quiz-result li .correct,.quiz-result li .incorrect{font-weight:700;margin-top:6px}

.quiz-explanation{margin:8px 0 0;color:#53647a;font-size:.92rem;line-height:1.6}.quiz-progress-top>span:last-child{max-width:65%;text-align:right}

.quiz-formats{border:0;padding:0;margin:24px 0;display:grid;gap:12px;min-width:0}.quiz-formats legend{font-weight:750;margin-bottom:12px}.quiz-formats label{display:flex;align-items:flex-start;gap:12px;border:1px solid #cad6e6;border-radius:14px;padding:16px;cursor:pointer;background:#fff}.quiz-formats label:has(input:checked){border-color:#a5193c;background:#fff5f8;box-shadow:inset 0 0 0 1px #a5193c}.quiz-formats input{margin-top:5px;accent-color:#a5193c;flex-shrink:0}.quiz-formats span{display:grid;gap:6px;min-width:0}.quiz-formats b{font-size:.9rem;color:#a5193c}.quiz-formats small{font-size:.9rem;line-height:1.5;color:#52657d}.quiz-formats label:focus-within{outline:2px solid #102a50;outline-offset:3px}