:root{--q-bg:#07070a;--q-surface:#111116;--q-line:rgba(255,255,255,.13);--q-ink:#f8f6f2;--q-muted:#aaa7b2;--q-purple:#cb99ff;--q-mint:#78e4bb}
body.quiz-experience{overflow-anchor:none;background:var(--q-bg)!important;color:var(--q-ink);font-family:Poppins,sans-serif}
.quiz-experience header{background:rgba(7,7,10,.86)!important;border-color:var(--q-line)!important;backdrop-filter:blur(18px)}
.quiz-experience #main-content{overflow:clip!important;overflow-anchor:none;min-height:calc(100vh - 70px);padding-top:118px!important;padding-bottom:70px!important;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px}
.quiz-experience #main-content>.fade-in-section{max-width:760px!important;border:1px solid var(--q-line)!important;border-radius:8px!important;background:rgba(12,12,16,.94)!important;box-shadow:0 32px 100px rgba(0,0,0,.45)!important;padding:clamp(24px,5vw,56px)!important}
.quiz-experience .quiz-step h1,.quiz-experience .quiz-step h2{letter-spacing:0;line-height:1.08}
.quiz-experience .quiz-step h1{font-size:clamp(2.35rem,6vw,4.5rem)!important}
.quiz-experience .quiz-step h2{font-size:clamp(1.65rem,4vw,2.75rem)!important}
.quiz-experience .quiz-step p{line-height:1.7}
.quiz-experience .opt-single,.quiz-experience .opt-label{min-height:62px!important;border:1px solid var(--q-line)!important;border-radius:6px!important;background:#17171c!important;transition:border-color .2s,background .2s,transform .2s!important}
.quiz-experience .opt-single:hover,.quiz-experience .opt-label:hover{border-color:rgba(203,153,255,.65)!important;background:#1d1922!important;transform:translateY(-1px)}
.quiz-experience .opt-single.border-accent1,.quiz-experience .opt-label.border-accent1{border-color:var(--q-purple)!important;background:rgba(203,153,255,.12)!important;box-shadow:inset 3px 0 var(--q-purple)}
.quiz-experience #progress-bar{background:var(--q-purple)!important}
.quiz-experience input,.quiz-experience select{min-height:50px;border-radius:6px!important;background:#17171c!important}
.quiz-experience #btn-next,.quiz-experience button[type=submit],.quiz-experience #result-cta-btn,.quiz-experience #step-0 button{border-radius:6px!important;background:var(--q-purple)!important;color:#0b080f!important;box-shadow:none!important}
.quiz-experience #btn-next:hover,.quiz-experience button[type=submit]:hover,.quiz-experience #result-cta-btn:hover,.quiz-experience #step-0 button:hover{background:#d8b2ff!important;transform:translateY(-1px)}
.quiz-experience #result-cta-btn{display:flex!important;align-items:center;justify-content:center;min-height:52px}
.quiz-experience #quiz-status{margin-top:12px;color:var(--q-muted);font-size:.72rem;text-align:center}
@media(max-width:600px){.quiz-experience #main-content{padding:94px 14px 44px!important;align-items:flex-start!important}.quiz-experience #main-content>.fade-in-section{padding:24px 18px!important}.quiz-experience .quiz-step h1{font-size:2.55rem!important}}
@media(prefers-reduced-motion:reduce){.quiz-experience *{scroll-behavior:auto!important;transition:none!important}}


/* Scale the longest headline and simplify the header on narrow phones. */
@media (max-width: 600px) {
  .quiz-experience .quiz-step h1 { font-size: clamp(1.95rem, 10.5vw, 2.3rem) !important; }
}

@media (max-width: 360px) {
  .quiz-experience .quiz-header-meta { display: none !important; }
  .quiz-experience .quiz-step h1 { font-size: clamp(1.75rem, 9vw, 2rem) !important; }
}