.psychology-quiz-screen{max-width:920px;margin:0 auto;padding-bottom:40px}
.quiz-heading{text-align:center}.quiz-heading p{max-width:680px;margin-inline:auto}
.quiz-start-card,.quiz-play-card,.quiz-result-card{width:min(100%,720px);margin:22px auto;padding:clamp(20px,5vw,34px);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 18px 48px rgba(5,11,28,.22);box-sizing:border-box}
.quiz-start-card{text-align:center}.quiz-start-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 16px;border-radius:24px;background:linear-gradient(145deg,#6f7dff,#8c5df5);font-size:42px;font-weight:900;color:#fff;box-shadow:0 12px 30px rgba(111,125,255,.32)}
.quiz-start-card h2,.quiz-result-card h2{margin:8px 0 10px;font-size:clamp(25px,6vw,34px)}
.quiz-stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.quiz-stat-row div{padding:16px;border-radius:18px;background:rgba(255,255,255,.08)}.quiz-stat-row b{display:block;font-size:28px}.quiz-stat-row span{font-size:12px;opacity:.72}
.quiz-progress-head{display:flex;justify-content:space-between;font-weight:800}.quiz-progress-track{height:8px;margin:10px 0 24px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.quiz-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6f7dff,#9e68ff);transition:width .25s ease}
#quizQuestion{font-size:clamp(22px,5.5vw,31px);line-height:1.42;margin:8px 0 22px}.quiz-choice-list{display:grid;gap:12px}.quiz-choice{width:100%;padding:16px 18px;text-align:left;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:inherit;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer}.quiz-choice:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)}.quiz-choice.correct{border-color:rgba(87,211,151,.8);background:rgba(87,211,151,.16)}.quiz-choice.wrong{border-color:rgba(255,154,154,.8);background:rgba(255,154,154,.14)}.quiz-choice:disabled{cursor:default;transform:none;opacity:.92}
.quiz-feedback{margin:18px 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.08);line-height:1.7}.quiz-feedback b{display:block;margin-bottom:5px;font-size:17px}.quiz-feedback.correct{border-left:4px solid #57d397}.quiz-feedback.wrong{border-left:4px solid #ff9a9a}
.quiz-result-card{text-align:center}.quiz-result-ring{display:flex;align-items:baseline;justify-content:center;width:148px;height:148px;margin:8px auto 18px;border-radius:50%;background:radial-gradient(circle at center,rgba(20,25,50,.95) 58%,transparent 60%),conic-gradient(#846cff var(--quiz-pct,0%),rgba(255,255,255,.12) 0);box-shadow:0 12px 36px rgba(0,0,0,.24)}.quiz-result-ring b{font-size:54px}.quiz-result-ring span{font-size:18px;opacity:.72}.quiz-review-list{display:grid;gap:10px;margin:24px 0;text-align:left}.quiz-review-item{padding:14px;border-radius:14px;background:rgba(255,255,255,.07)}.quiz-review-item b{display:block;margin-bottom:4px}.quiz-review-item small{opacity:.76;line-height:1.55}.quiz-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.quiz-start-card,.quiz-play-card,.quiz-result-card{border-radius:20px;padding:20px 16px}.quiz-result-actions{grid-template-columns:1fr}.quiz-choice{font-size:15px}.quiz-result-ring{width:132px;height:132px}.quiz-result-ring b{font-size:48px}}