.quiz-page{background:var(--bg)}.quiz-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(80px,12vh,100px) 24px clamp(60px,8vh,80px)}.quiz-container{max-width:640px;width:100%}@media(max-width:640px){.quiz-wrap{padding:80px 20px 60px}.quiz-card{padding:22px 16px}}.quiz-intro{text-align:center}.quiz-eyebrow{font-family:var(--font-script);color:var(--color-rose-gold);font-size:1.7rem;display:block;margin-bottom:-2px}.quiz-intro-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;letter-spacing:0;color:var(--fg);line-height:1;margin-bottom:16px}.quiz-intro-sub{color:#ffffffb8;font-size:1rem;line-height:1.6;max-width:460px;margin:0 auto 28px}.quiz-meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.quiz-meta-pill{background:#ffffff12;border:1px solid oklch(100% 0 0 / .15);border-radius:99px;padding:7px 16px;font-size:.82rem;color:var(--color-rose-gold)}.quiz-start-btn{padding:15px 36px;border-radius:99px;border:none;background:var(--color-rose-gold);color:#000;font-family:var(--font-sans);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s}.quiz-start-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.quiz-card{background:#ffffff12;border:1px solid oklch(100% 0 0 / .14);backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:36px 32px;animation:enterUp .5s cubic-bezier(.34,1.56,.64,1) both;transition:opacity .2s ease,transform .2s ease}.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px}.quiz-progress-bar{flex:1;height:5px;background:#ffffff1a;border-radius:99px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-rose-gold);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-progress-label{font-size:.82rem;font-weight:600;color:var(--color-rose-gold);white-space:nowrap;min-width:48px;text-align:right}.quiz-qnum{font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-rose-gold);margin-bottom:10px}.quiz-qtext{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,1.8rem);color:var(--fg);line-height:1.25;margin-bottom:28px}.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}@media(max-width:480px){.quiz-opts{grid-template-columns:1fr}}.quiz-opt{background:#ffffff12;border:1.5px solid oklch(100% 0 0 / .15);border-radius:var(--r-md);padding:14px 16px;font-family:var(--font-sans);font-size:.92rem;font-weight:500;color:var(--fg);cursor:pointer;text-align:left;transition:all .2s;display:flex;align-items:center;gap:10px;line-height:1.3}.quiz-opt:hover:not(:disabled){background:#d67d5e2e;border-color:#ffffff4d;transform:translateY(-1px)}.quiz-opt:disabled{cursor:default}.quiz-opt-letter{width:26px;height:26px;border-radius:50%;background:#ffffff14;border:1px solid oklch(100% 0 0 / .18);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0;transition:all .2s}.quiz-opt.correct{background:oklch(40% .12 150 / .4);border-color:oklch(65% .18 150 / .7)}.quiz-opt.correct .quiz-opt-letter{background:oklch(65% .18 150 / .7);border-color:transparent;color:#fff}.quiz-opt.wrong{background:oklch(40% .18 25 / .3);border-color:#de3b3d80}.quiz-opt.wrong .quiz-opt-letter{background:#de3b3db3;border-color:transparent;color:#fff}.quiz-opt.dimmed{opacity:.35}.quiz-feedback{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-md);margin-bottom:18px;font-size:.9rem;font-weight:500;animation:enterUp .4s cubic-bezier(.34,1.56,.64,1) both}.quiz-feedback-icon{font-size:1.3rem;flex-shrink:0}.quiz-feedback.correct{background:oklch(40% .12 150 / .3);border:1px solid oklch(65% .18 150 / .4);color:#9ee1ab}.quiz-feedback.wrong{background:oklch(40% .18 25 / .25);border:1px solid oklch(60% .2 25 / .35);color:var(--color-rose-gold)}.quiz-nav{display:flex;justify-content:flex-end}.quiz-next-btn{background:var(--color-rose-gold);color:#000;border:none;border-radius:99px;padding:12px 26px;font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;animation:enterUp .5s .1s cubic-bezier(.34,1.56,.64,1) both}.quiz-next-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.quiz-results{text-align:center;animation:enterUp .6s cubic-bezier(.34,1.56,.64,1) both}.quiz-result-badge{font-size:4rem;display:block;margin-bottom:12px;animation:ctaPulse 1.6s ease-in-out infinite}.quiz-result-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.6rem);color:var(--fg);line-height:1;margin-bottom:4px}.quiz-result-subtitle{font-family:var(--font-script);color:var(--color-rose-gold);font-size:1.5rem;display:block;margin-bottom:20px}.quiz-score-box{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff12;border:1px solid oklch(100% 0 0 / .14);border-radius:var(--r-md);padding:20px 44px;margin-bottom:24px}.quiz-score-num{font-family:var(--font-display);font-size:4rem;color:var(--color-rose-gold);line-height:1}.quiz-score-lbl{font-size:.78rem;color:#ffffff73;text-transform:uppercase;letter-spacing:1px}.quiz-score-dots{display:flex;justify-content:center;gap:6px;margin-bottom:24px}.quiz-score-dot{width:12px;height:12px;border-radius:50%;background:#ffffff1f;transition:all .3s}.quiz-score-dot.hit{background:var(--color-rose-gold)}.quiz-score-dot.miss{background:#c5363799}.quiz-result-desc{color:#ffffffb3;font-size:.97rem;line-height:1.6;max-width:440px;margin:0 auto 28px}.quiz-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.quiz-share-btn{background:#25d366;color:#fff;border:none;border-radius:99px;padding:12px 22px;font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s}.quiz-share-btn:hover{background:#1aab52;transform:translateY(-1px)}.quiz-ghost-btn{padding:12px 18px;border-radius:99px;border:1px solid oklch(100% 0 0 / .2);background:transparent;color:#ffffffb3;font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.quiz-ghost-btn:hover{border-color:#fff6;color:var(--fg)}