.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-reg-hero{padding:calc(var(--announcement-height,0px) + 72px + 3rem)0 4rem;text-align:center;background:linear-gradient(160deg,#020617 0%,#1e1b4b 35%,#312e81 65%,#4c1d95 100%);position:relative;overflow:hidden}.qd-reg-hero-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.qd-reg-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:12s ease-in-out infinite alternate qd-orb-float;position:absolute}.qd-reg-orb-1{background:radial-gradient(circle,#6366f1,#0000 70%);width:350px;height:350px;animation-duration:14s;top:-80px;left:-60px}.qd-reg-orb-2{background:radial-gradient(circle,#ec4899,#0000 70%);width:280px;height:280px;animation-duration:10s;animation-delay:-3s;top:20%;right:-40px}.qd-reg-orb-3{background:radial-gradient(circle,#8b5cf6,#0000 70%);width:220px;height:220px;animation-duration:16s;animation-delay:-7s;bottom:-60px;left:40%}@keyframes qd-orb-float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}to{transform:translate(-20px,15px)scale(.95)}}.qd-reg-hero-inner{z-index:10;flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:relative}.qd-reg-back{color:#c7d2fe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.qd-reg-back:hover{color:#fff;background:#6366f133;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 20px #6366f140}.qd-reg-back i{transition:transform .3s}.qd-reg-back:hover i{transform:translate(-4px)}.qd-reg-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:4px;display:flex}.qd-reg-tag-live{text-transform:uppercase;letter-spacing:.06em;color:#6ee7b7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98126;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.qd-reg-live-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s cubic-bezier(.4,0,.6,1) infinite qd-pulse;box-shadow:0 0 8px #34d39999}.qd-reg-tag-cat{text-transform:uppercase;letter-spacing:.06em;color:#f0abfc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d946ef26;border:1px solid #d946ef40;border-radius:9999px;align-items:center;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.qd-reg-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 50%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;line-height:1.15}.qd-reg-subtitle{color:#94a3b8;max-width:520px;margin:0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6}.qd-reg-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.qd-reg-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0e7ff;letter-spacing:.02em;background:#ffffff12;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:7px;padding:7px 16px;font-size:.78rem;font-weight:700;transition:all .25s;display:inline-flex}.qd-reg-chip i{color:#a5b4fc;font-size:.72rem}.qd-reg-chip:hover{background:#ffffff1f;border-color:#a5b4fc4d;transform:translateY(-1px)}.qd-reg-hero-fade{pointer-events:none;z-index:5;background:linear-gradient(#0000,#f8fafc);height:80px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.qd-reg-hero{padding:calc(var(--announcement-height,0px) + 72px + 2rem)0 3rem}.qd-reg-title{font-size:1.65rem}.qd-reg-hero-inner{gap:12px}.qd-reg-orb-1{width:200px;height:200px}.qd-reg-orb-2{width:160px;height:160px}.qd-reg-orb-3{width:130px;height:130px}}@media (max-width:480px){.qd-reg-chips{gap:6px}.qd-reg-chip{padding:5px 12px;font-size:.72rem}}.qd-detail-hero{padding:calc(var(--announcement-height,0px) + 80px + 3rem)0 4rem;text-align:center;background:linear-gradient(160deg,#020617 0%,#0f172a 50%,#1e1b4b 100%);position:relative;overflow:hidden}.qd-detail-hero-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.qd-detail-hero-cover{opacity:.15;mix-blend-mode:overlay;position:absolute;inset:0}.qd-detail-hero-cover img{object-fit:cover;width:100%;height:100%}.qd-detail-hero-inner{z-index:10;flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:relative}.qd-detail-tag-diff{text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f626;border:1px solid #3b82f640;border-radius:9999px;align-items:center;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.qd-detail-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.qd-detail-poster{aspect-ratio:16/9;background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;margin:16px 0;overflow:hidden;box-shadow:0 20px 40px #0000004d}.qd-detail-poster img{object-fit:cover;width:100%;height:100%}.qd-detail-cta{color:#fff;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:9999px;align-items:center;gap:10px;margin-top:16px;padding:16px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #6366f166}.qd-detail-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px #6366f180}.qd-detail-content-grid{z-index:20;grid-template-columns:1fr;align-items:start;gap:24px;max-width:1200px;margin:-40px auto 40px;padding:0 24px;display:grid;position:relative}@media (min-width:992px){.qd-detail-content-grid{grid-template-columns:1fr 1fr}.qd-detail-grid-about{grid-area:1/1}.qd-detail-grid-rules{grid-area:1/2/span 2}.qd-detail-grid-cta{grid-area:2/1}}.qd-detail-about .qd-description-text{color:#334155;font-size:1.05rem;line-height:1.7}.qd-detail-bottom-cta{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:20px;margin-top:16px;padding:32px;box-shadow:0 10px 30px #0000000d}@media (min-width:992px){.qd-detail-bottom-cta{margin-top:0}}.qd-detail-bottom-cta-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.qd-detail-bottom-cta-inner h3{color:#0f172a;margin-bottom:8px;font-size:1.5rem;font-weight:800}.qd-detail-bottom-cta-inner p{color:#64748b;max-width:500px;margin:0 auto;font-size:1rem}.qd-detail-bottom-btn{padding:14px 28px;font-size:1.05rem}@media (min-width:640px){.qd-detail-bottom-cta-inner{text-align:left;flex-direction:row;justify-content:space-between}.qd-detail-bottom-cta-inner p{margin:0}}.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}.qd-form-grid-2col{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.qd-form-grid-2col{grid-template-columns:1fr 1fr;gap:24px}}.qd-field-group{flex-direction:column;display:flex}.qd-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%2394a3b8'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.qd-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%236366f1'/%3E%3C/svg%3E")}.qd-select-custom{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.qd-select-open{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f126!important}.qd-dropdown-menu{z-index:50;transform-origin:top;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;animation:.2s ease-out forwards qd-dropdown-fade;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes qd-dropdown-fade{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.qd-dropdown-item{color:#334155;cursor:pointer;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.qd-dropdown-item:hover{color:#4f46e5;background:#f8fafc}.qd-dropdown-item.selected{color:#4f46e5;background:#eef2ff;font-weight:700}.qd-input-error{background-color:#fef2f2!important;border-color:#fca5a5!important}.qd-input-error:focus{border-color:#f87171!important;box-shadow:0 0 0 4px #f8717126!important}.qd-validation-msg{color:#ef4444;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;font-weight:600;display:flex}.qd-verify-form{flex-direction:column;gap:24px;display:flex}@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}.qd-q-card-v2{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.qd-q-card-v2.correct{border-left:6px solid #22c55e}.qd-q-card-v2.incorrect{border-left:6px solid #ef4444}.qd-q-card-v2.pending{border-left:6px solid #eab308}.qd-q-header-v2{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.qd-q-header-left-v2{align-items:center;gap:16px;display:flex}.qd-q-badge-v2{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.qd-q-badge-v2.correct{color:#166534;background:#dcfce7}.qd-q-badge-v2.incorrect{color:#991b1b;background:#fee2e2}.qd-q-badge-v2.pending{color:#854d0e;background:#fef9c3}.qd-q-time-v2{color:#64748b;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:inline-flex}.qd-q-header-right-v2{align-items:center;display:flex}.qd-status-text-v2{align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:inline-flex}.qd-status-text-v2.correct{color:#16a34a}.qd-status-text-v2.incorrect{color:#dc2626}.qd-status-text-v2.pending{color:#ca8a04}.qd-q-body-v2{flex-direction:column;padding:24px;display:flex}.qd-q-prompt-v2{color:#0f172a;margin-bottom:24px;font-size:1.15rem;font-weight:600;line-height:1.6}.qd-q-img-wrap-v2{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;margin:0 0 24px;padding:16px;display:flex;overflow:hidden}.qd-q-img-v2{object-fit:contain;max-width:100%;max-height:500px;display:block}.qd-q-options-v2{flex-direction:column;gap:12px;display:flex}.qd-opt-item-v2{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s;display:flex}.qd-opt-text-v2{color:#334155;font-size:1rem;font-weight:500}.qd-opt-icon-v2{flex-shrink:0;justify-content:center;align-items:center;margin-left:16px;display:flex}.qd-opt-item-v2.is-selected{border-width:2px}.qd-opt-item-v2.opt-chosen-correct{background:#f0fdf4;border-color:#22c55e}.qd-opt-item-v2.opt-chosen-correct .qd-opt-text-v2{color:#15803d;font-weight:600}.qd-opt-item-v2.opt-chosen-correct .qd-opt-icon-v2{color:#22c55e}.qd-opt-item-v2.opt-chosen-incorrect{background:#fef2f2;border-color:#ef4444}.qd-opt-item-v2.opt-chosen-incorrect .qd-opt-text-v2{color:#b91c1c;font-weight:600}.qd-opt-item-v2.opt-chosen-incorrect .qd-opt-icon-v2{color:#ef4444}.qd-opt-item-v2.opt-missed-correct{background:#f8fafc;border-style:dashed;border-color:#94a3b8}.qd-opt-item-v2.opt-missed-correct .qd-opt-text-v2{color:#475569}.qd-opt-item-v2.opt-missed-correct .qd-opt-icon-v2{color:#94a3b8}.qd-sub-box-v2{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;padding:16px}.qd-sub-label-v2{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem;font-weight:700}.qd-sub-pre-v2{color:#334155;white-space:pre-wrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;font-size:.95rem;line-height:1.5}.qd-sub-graded-v2{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px;display:flex}.qd-sub-graded-label-v2{color:#4f46e5;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.qd-sub-graded-score-v2{color:#3730a3;font-size:1.125rem;font-weight:800}.qd-back-btn{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.qd-back-btn svg{transition:transform .2s}.qd-back-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.qd-back-btn:hover svg{transform:translate(-4px)}.qd-back-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}