@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#f7f4ff;font-synthesis:none;background:#100b20;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.quiz-page{background:radial-gradient(circle at 18% 15%,#412470 0,#0000 31%),radial-gradient(circle at 84% 82%,#1e6e69 0,#0000 30%),#100b20;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.quiz-orb{filter:blur(2px);opacity:.38;pointer-events:none;border-radius:50%;position:absolute}.quiz-orb-one{background:#f27570;width:180px;height:180px;animation:8s ease-in-out infinite float;top:22%;left:-65px}.quiz-orb-two{background:#8c70ef;width:230px;height:230px;animation:10s ease-in-out -3s infinite reverse float;bottom:-75px;right:-50px}.quiz-card{z-index:1;background:#1d1433c7;border:1px solid #ffffff21;border-radius:28px;width:100%;max-width:650px;padding:clamp(26px,5vw,48px);animation:.6s cubic-bezier(.2,.75,.25,1) both reveal;position:relative;box-shadow:0 24px 80px #0000004d}.quiz-header,.quiz-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#bdb1ec;letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:700}.question-count{color:#b9b3c8;margin:7px 0 0;font-size:.91rem}.question-count strong{color:#fff}.remaining-count{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.remaining-count span{color:#aaa3bb;font-size:.78rem;font-weight:500}.progress-track{background:#ffffff1a;border-radius:999px;height:6px;margin:28px 0 36px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#a98cff,#f28b83);height:100%;transition:width .45s}.question-text{letter-spacing:-.035em;margin:0 0 30px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4.7vw,2.7rem);line-height:1.14}.options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.option-button{color:#eeeaf7;cursor:pointer;text-align:left;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;min-height:64px;padding:12px;transition:background .2s,border-color .2s,transform .2s;display:flex}.option-button:hover:not(:disabled){background:#a98cff29;border-color:#a98cff;transform:translateY(-3px)}.option-button:disabled{cursor:default;opacity:.62}.option-button span{color:#cfc4fa;background:#ffffff1a;border-radius:9px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.78rem;font-weight:700;display:inline-flex}.answer-feedback{text-align:center;height:26px;margin:18px 0 4px;font-weight:700;transition:opacity .2s,transform .2s}.answer-feedback.is-hidden{opacity:0;transform:translateY(4px)}.answer-feedback.is-correct{color:#6de0bb}.answer-feedback.is-wrong{color:#ff9c9c}.quiz-actions{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:24px}.primary-button,.secondary-button{cursor:pointer;border-radius:12px;padding:13px 18px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.primary-button{color:#fff;background:linear-gradient(135deg,#aa8cff,#8667e7);border:0;box-shadow:0 8px 24px #8667e752}.secondary-button{color:#eeeaf7;background:0 0;border:1px solid #fff3}.primary-button:hover,.secondary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:hover{box-shadow:0 12px 28px #8667e773}.secondary-button span{margin-left:5px;font-size:1.15em}button:disabled{cursor:not-allowed;opacity:.36}.result-card{text-align:center;max-width:500px}.result-card h1{letter-spacing:-.05em;margin:14px 0 8px;font-family:Playfair Display,serif;font-size:clamp(2.3rem,8vw,3.7rem)}.score-display{color:#fff;margin-top:27px;font-size:1.35rem}.score-display strong{color:#af95ff;letter-spacing:-.08em;font-size:clamp(4.5rem,15vw,7rem);font-weight:700;line-height:.8}.score-display span{color:#a6a0b5}.score-caption{color:#bdb7c9;margin:20px 0 30px}.retry-button{min-width:150px}@keyframes reveal{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{50%{transform:translate(18px,-24px)}}@media (width<=520px){.quiz-page{padding:16px}.quiz-card{border-radius:22px;padding:26px 20px}.options-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column-reverse;align-items:stretch}.primary-button,.secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}