.quizzes-page-wrapper{background-color:#f8fafc;min-height:100vh}.quizzes-top-hero{color:#fff;padding:calc(var(--announcement-height,0px) + 72px + 4rem)0 6rem;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);justify-content:center;align-items:center;min-height:48vh;display:flex;position:relative;overflow:hidden}.quizzes-top-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#6366f159 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf64d 0%,#0000 50%),radial-gradient(circle at 60% 80%,#f43f5e33 0%,#0000 50%);position:absolute;inset:0}.quizzes-top-hero .container{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.quizzes-top-hero-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffffff2;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.75rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-block;position:relative}.quizzes-top-hero-label:after{content:"";background:#f43f5e;border-radius:2px;width:40px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.quizzes-top-hero h1{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #0003;-webkit-background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:900;line-height:1.1}.quizzes-top-hero p{color:#ffffffd1;max-width:680px;margin:0 auto;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:400;line-height:1.6}@media (max-width:768px){.quizzes-top-hero{padding:calc(var(--announcement-height,0px) + 72px + 2rem)0 3.5rem;min-height:auto}}.quizzes-grid-section{max-width:1280px;margin:0 auto;padding:64px 24px}.quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.quiz-card{z-index:1;background-color:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d,0 8px 10px -6px #00000003}.quiz-card:hover{border-color:#6366f166;transform:translateY(-8px);box-shadow:0 25px 50px -12px #4f46e52e}.quiz-card-img-wrapper{background:linear-gradient(135deg,#1e1b4b,#312e81);height:210px;position:relative;overflow:hidden}.quiz-card-img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.quiz-card:hover .quiz-card-img{transform:scale(1.08)}.quiz-card-img-placeholder{color:#ffffff59;background:linear-gradient(135deg,#1e1b4b 0%,#4338ca 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.quiz-badge{letter-spacing:.06em;text-transform:uppercase;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000026}.badge-beginner{color:#fff;background:#10b981f2}.badge-intermediate{color:#fff;background:#f59e0bf2}.badge-advanced{color:#fff;background:#ef4444f2}.badge-general{color:#fff;background:#6366f1f2}.quiz-card-content{flex-direction:column;flex:1;padding:26px;display:flex}.quiz-meta-pills{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.quiz-meta-pill{color:#4f46e5;letter-spacing:.05em;text-transform:uppercase;background-color:#f0f1ff;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.quiz-title{color:#0f172a;margin:0 0 10px;font-size:1.35rem;font-weight:800;line-height:1.3}.quiz-description{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 20px;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.quiz-details-grid{border-top:1px dashed #e2e8f0;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:auto;margin-bottom:20px;padding-top:16px;display:grid}.quiz-detail-item{align-items:center;gap:10px;display:flex}.quiz-detail-icon{color:#4f46e5;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;display:flex}.quiz-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.quiz-detail-val{color:#1e293b;font-size:.88rem;font-weight:700}.quiz-card-actions{gap:12px;display:flex}.btn-primary-quiz{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:14px 18px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #4f46e540}.btn-primary-quiz:hover{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 8px 22px #4f46e561}.flying-filter-btn{color:#fff;cursor:pointer;z-index:99;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:32px;left:32px;box-shadow:0 10px 25px #4f46e566}.flying-filter-btn:hover{transform:scale(1.1);box-shadow:0 15px 30px #4f46e580}.flying-filter-btn.active{background:#ef4444;box-shadow:0 10px 25px #ef444466}.flying-filter-card{z-index:98;opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:280px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:100px;left:32px;transform:translateY(20px)scale(.95);box-shadow:0 20px 40px -15px #00000026}.flying-filter-card.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.flying-filter-card h3{color:#0f172a;border-b:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:8px;font-size:1rem;font-weight:800}.flying-filter-options{flex-direction:column;gap:8px;display:flex}.quiz-filter-btn{color:#475569;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.quiz-filter-btn:hover{color:#1e293b;background:#f1f5f9}.quiz-filter-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.qd-hero{background:linear-gradient(135deg,#020617 0%,#1e1b4b 40%,#312e81 75%,#4c1d95 100%);justify-content:center;align-items:center;min-height:60vh;padding:220px 0 80px;display:flex;position:relative;overflow:hidden}.qd-hero:before{content:"";z-index:1;background-image:radial-gradient(circle at 15%,#6366f140 0%,#0000 40%),radial-gradient(circle at 85% 30%,#ec489933 0%,#0000 45%),radial-gradient(circle at 50% 80%,#8b5cf633 0%,#0000 50%);position:absolute;inset:0}.qd-hero-bg-wrapper{z-index:0;position:absolute;inset:0}.qd-hero-bg-img{object-fit:cover;filter:blur(45px);opacity:.5;mix-blend-mode:color-dodge;width:100%;height:100%;animation:15s ease-in-out infinite alternate pulse-bg;transform:scale(1.15)}@keyframes pulse-bg{0%{transform:scale(1.1)translate(0)}to{transform:scale(1.25)translate(-1%,-1%)}}.qd-hero-overlay{z-index:1;background:linear-gradient(#0000 0% 85%,#f8fafc 100%);position:absolute;inset:0}.qd-hero-wave{z-index:2;color:#f8fafc;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}.qd-hero-wave svg{width:calc(100% + 1.3px);height:60px;display:block;position:relative}@media (min-width:768px){.qd-hero-wave svg{height:120px}}.qd-hero-content{z-index:10;flex-direction:column;align-items:center;gap:56px;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;position:relative}@media (min-width:1024px){.qd-hero-content{flex-direction:row;gap:80px;padding:0 32px}}.qd-hero-left{text-align:center;flex:1}@media (min-width:1024px){.qd-hero-left{text-align:left}}.qd-back-link{color:#c7d2fe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;z-index:50;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;margin-bottom:32px;padding:10px 24px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 8px 20px #0003}.qd-back-link:hover{color:#fff;background-color:#6366f133;border-color:#6366f166;transform:translateY(-3px);box-shadow:0 12px 25px #6366f14d}.qd-back-link i{margin-right:10px;transition:transform .3s}.qd-back-link:hover i{transform:translate(-5px)}.qd-title{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 50%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #0000004d;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.1}.qd-summary{color:#cbd5e1;max-width:44rem;margin:0 auto;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:400;line-height:1.65}@media (min-width:1024px){.qd-summary{margin:0}}.qd-hero-right{perspective:1000px;flex-shrink:0;width:100%;max-width:26rem}@media (min-width:1024px){.qd-hero-right{max-width:30rem}}.qd-poster-card{transform-style:preserve-3d;background-color:#0f172a;border:1px solid #ffffff26;border-radius:2.2rem;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 30px 60px -12px #0009,0 0 40px #6366f133}.qd-poster-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.qd-poster-card:hover{border-color:#ffffff4d;transform:rotateY(0)rotateX(0)translateY(-8px)scale(1.02);box-shadow:0 40px 80px -15px #4f46e566,0 0 50px #6366f14d}.qd-poster-card img{border-radius:inherit;width:100%;height:auto;transition:transform .7s;display:block}.qd-poster-card:hover img{transform:scale(1.08)}.qd-main-section{z-index:20;width:100%;max-width:1280px;margin:-60px auto 0;padding:0 16px 100px;position:relative}@media (min-width:640px){.qd-main-section{padding:0 24px 100px}}.qd-bento-grid{grid-template-columns:1fr;gap:36px;display:grid}@media (min-width:1024px){.qd-bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.qd-bento-left{flex-direction:column;gap:36px;display:flex}@media (min-width:1024px){.qd-bento-left{grid-column:span 8/span 8}}.qd-bento-right{flex-direction:column;gap:36px;display:flex}@media (min-width:1024px){.qd-bento-right{grid-column:span 4/span 4}}.qd-mobile-sticky-bar{padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background-color:#fffc;border-top:1px solid #e2e8f0;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0000000d}@media (min-width:1024px){.qd-mobile-sticky-bar{display:none}}.qd-bento-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:2rem;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #0f172a0f}.qd-bento-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#6366f180,#0000);height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}@media (min-width:768px){.qd-bento-card{border-radius:2.2rem;padding:40px}}.qd-bento-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 35px 60px -15px #4f46e51f,0 10px 20px -5px #0000000a}.qd-bento-card:hover:before{opacity:1}.qd-card-header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.qd-card-header h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:800}.qd-icon-box{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:1.25rem;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex;position:relative;box-shadow:0 12px 24px -6px #4f46e580}.qd-icon-box:after{content:"";z-index:-1;opacity:.5;filter:blur(8px);background:linear-gradient(135deg,#4f46e5,#ec4899);border-radius:1.4rem;position:absolute;inset:-2px}.qd-specs-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (min-width:640px){.qd-specs-grid{grid-template-columns:repeat(4,1fr)}}.qd-spec-item{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:22px 16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px -2px #0f172a08}.qd-spec-item:hover{border-color:#e0e7ff;transform:translateY(-4px);box-shadow:0 15px 30px -8px #4f46e526}.qd-spec-icon{color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.6rem;display:inline-block}.qd-spec-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.75rem;font-weight:800}.qd-spec-val{color:#0f172a;font-size:1.35rem;font-weight:900}.qd-sidebar-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.qd-sidebar-item:hover{background:#fff;border-color:#e0e7ff;transform:translate(4px);box-shadow:0 10px 25px -8px #4f46e51f}.qd-sidebar-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.qd-sidebar-info{flex:1}.qd-sidebar-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.72rem;font-weight:800}.qd-sidebar-val{color:#0f172a;font-size:1.05rem;font-weight:800}.qd-input-group{width:100%;position:relative}.qd-input-label{text-transform:uppercase;letter-spacing:.05em;color:#334155;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.qd-input-label span{color:#e11d48}.qd-input-icon{color:#6366f1;pointer-events:none;z-index:2;font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.qd-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 44px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.qd-input::placeholder{color:#94a3b8;font-weight:500}.qd-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.qd-form-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (max-width:768px){.qd-hero{min-height:auto;padding:120px 0 40px}.qd-hero-content{gap:32px}.qd-bento-card{padding:24px}.qd-card-header{flex-direction:column;align-items:flex-start;gap:12px}.qd-title{font-size:2.2rem}}@media (max-width:480px){.qd-specs-grid{grid-template-columns:1fr}.qd-hero-right{max-width:200px;margin:0 auto;display:block}}.qd-tags-container{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem;display:flex}@media (min-width:1024px){.qd-tags-container{justify-content:flex-start}}.qd-tag-primary,.qd-tag-success,.qd-tag-secondary{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.qd-tag-primary{color:#c7d2fe;background-color:#6366f133;border:1px solid #6366f14d}.qd-tag-success{color:#a7f3d0;background-color:#10b98133;border:1px solid #10b9814d}.qd-tag-secondary{color:#f5d0fe;background-color:#d946ef33;border:1px solid #d946ef4d}.qd-status-dot{background-color:#818cf8;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite qd-pulse;display:inline-block}@keyframes qd-pulse{0%,to{opacity:1}50%{opacity:.5}}.qd-poster-placeholder{color:#a5b4fc;background:linear-gradient(135deg,#312e81 0%,#581c87 100%);justify-content:center;align-items:center;height:256px;font-size:3.75rem;display:flex}.qd-hero-placeholder{background-color:#312e81;width:100%;height:100%}.qd-guidelines-list,.qd-sidebar-list{flex-direction:column;gap:16px;display:flex}.qd-sidebar-list{margin-bottom:32px}.qd-guideline-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;align-items:flex-start;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.qd-guideline-item:hover{background-color:#fff;border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.qd-guideline-num{color:#4f46e5;background-color:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000000d}.qd-guideline-item:nth-child(2) .qd-guideline-num{color:#d97706;background-color:#ffedd5}.qd-guideline-item:nth-child(3) .qd-guideline-num{color:#e11d48;background-color:#ffe4e6}.qd-guideline-title{color:#1e293b;margin-bottom:4px;font-size:.95rem;font-weight:700}.qd-guideline-text{color:#475569;margin:0;font-size:.825rem;line-height:1.6}.qd-error-alert{color:#e11d48;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:1rem;align-items:center;gap:12px;padding:16px;font-size:.875rem;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #00000008}.qd-error-icon{color:#f43f5e;flex-shrink:0;font-size:1.125rem}.qd-form-footer{border-top:1px solid #f1f5f9;margin-top:32px;padding-top:32px}.qd-description-text{color:#475569;white-space:pre-wrap;letter-spacing:.01em;font-size:1.05rem;line-height:1.8}.qd-sticky-sidebar{border:2px solid #6366f133;position:sticky;top:7rem;box-shadow:0 20px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}.qd-bento-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.qd-bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000003}.qd-sidebar-item{border-radius:12px;padding:8px;transition:all .3s}.qd-sidebar-item:hover{background-color:#f8fafccc;transform:translate(4px)}.qd-result-hero{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:3rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.qd-result-hero-bg{filter:blur(40px);opacity:.6;pointer-events:none;background:#eef2ff;border-radius:50%;width:16rem;height:16rem;position:absolute;top:0;right:0;transform:translate(30%,-50%)}.qd-result-icon-lg{color:#16a34a;background:#f0fdf4;border:4px solid #dcfce7;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1.5rem;display:flex;box-shadow:0 4px 14px #16a34a1a}.qd-result-title{color:#1e293b;letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.25rem;font-weight:900}.qd-result-subtitle{color:#64748b;margin-bottom:1.5rem;font-weight:500}.qd-result-meta{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:1rem;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.qd-result-stat-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (min-width:768px){.qd-result-stat-grid{grid-template-columns:1fr 1fr}}.qd-result-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.qd-result-stat-card:hover{border-color:#c7d2fe}.qd-result-stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f10d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.qd-result-stat-card:hover:before{opacity:1}.qd-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;z-index:2;margin-bottom:1rem;font-size:.75rem;font-weight:800;position:relative}.qd-stat-value{color:#4f46e5;z-index:2;letter-spacing:-.05em;margin-bottom:1rem;font-size:4.5rem;font-weight:900;line-height:1;position:relative}.qd-stat-value.warning{color:#f97316}.qd-stat-value.success{color:#10b981}.qd-stat-max{color:#cbd5e1;font-size:2rem}.qd-stat-badge{color:#4338ca;z-index:2;background:#eef2ff;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.875rem;font-weight:800;display:inline-flex;position:relative}.qd-breakdown-header{align-items:center;gap:1rem;margin:3rem 0 2rem;display:flex}.qd-breakdown-icon{color:#fff;background:#1e293b;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.qd-breakdown-title{color:#1e293b;letter-spacing:-.025em;font-size:1.75rem;font-weight:800}.qd-q-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}@media (min-width:640px){.qd-q-card{flex-direction:row}}.qd-q-card.correct{border-color:#bbf7d0}.qd-q-card.correct:hover{border-color:#86efac;box-shadow:0 10px 15px -3px #22c55e1a}.qd-q-card.incorrect{border-color:#fecdd3}.qd-q-card.incorrect:hover{border-color:#fda4af;box-shadow:0 10px 15px -3px #f43f5e1a}.qd-q-num{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:900;display:flex}.qd-q-num.correct{color:#15803d;background:#dcfce7}.qd-q-num.incorrect{color:#be123c;background:#ffe4e6}.qd-q-num.pending{color:#334155;background:#f1f5f9}.qd-q-content{flex:1}.qd-q-prompt-row{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (min-width:640px){.qd-q-prompt-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.qd-q-prompt{color:#1e293b;white-space:pre-wrap;font-size:1.125rem;font-weight:800;line-height:1.6}.qd-q-time{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.qd-q-opt{color:#475569;background:#f8fafc80;border:2px solid #f1f5f9;border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.25rem;font-weight:600;transition:all .2s;display:flex}.qd-q-opt.chosen-correct{color:#166534;background:#f0fdf4;border-color:#22c55e}.qd-q-opt.chosen-incorrect{color:#9f1239;background:#fff1f2;border-color:#f43f5e}.qd-q-opt.missed-correct{color:#15803d;background:#f0fdf480;border-style:dashed;border-color:#86efac}.qd-opt-badge{text-transform:uppercase;letter-spacing:.05em;color:#166534;background:#dcfce7;border-radius:.375rem;flex-shrink:0;margin-left:1rem;padding:.25rem .5rem;font-size:.65rem}.qd-sub-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin-top:1rem;padding:1.25rem}.qd-sub-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem;font-weight:800}.qd-sub-pre{white-space:pre-wrap;color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;overflow-x:auto}