@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bangers&family=Permanent+Marker&display=swap";#root{text-align:center;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}.login-page{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0}.login-shape{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite loginShapeFloat;position:absolute}.login-shape-1{background:radial-gradient(circle,#6366f1,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-10%;left:-5%}.login-shape-2{background:radial-gradient(circle,#06b6d4,#0000 70%);width:350px;height:350px;animation-delay:-5s;bottom:-15%;right:-5%}.login-shape-3{background:radial-gradient(circle,#a855f7,#0000 70%);width:250px;height:250px;animation-delay:-10s;top:50%;left:50%}.login-shape-4{background:radial-gradient(circle,#ec4899,#0000 70%);width:200px;height:200px;animation-delay:-3s;top:20%;right:20%}.login-shape-5{background:radial-gradient(circle,#10b981,#0000 70%);width:180px;height:180px;animation-delay:-8s;bottom:30%;left:15%}@keyframes loginShapeFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(15px,30px)scale(1.05)}}.login-container{z-index:1;width:100%;max-width:460px;padding:1.5rem;position:relative}.login-card{-webkit-backdrop-filter:blur(24px);background:#0f0f19d9;border:1px solid #6366f126;border-radius:24px;padding:3rem 2.5rem;animation:.7s cubic-bezier(.16,1,.3,1) loginCardAppear;box-shadow:0 0 0 1px #ffffff08,0 20px 60px #00000080,0 0 120px #6366f114}@keyframes loginCardAppear{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{margin-bottom:1.25rem}.login-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#06b6d4 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;animation:3s ease-in-out infinite logoPulse;display:inline-flex;position:relative;box-shadow:0 8px 32px #6366f159}.login-logo-icon:after{content:"";z-index:-1;opacity:.4;filter:blur(8px);background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);border-radius:22px;position:absolute;inset:-3px}.logo-math{color:#fff;text-shadow:0 0 10px #ffffff4d;font-size:1.4rem;font-weight:800}.logo-slash{color:#fff6;margin:0 4px;font-size:1.1rem;font-weight:300}.logo-letter{color:#fff;font-size:1.5rem;font-weight:900}@keyframes logoPulse{0%,to{box-shadow:0 8px 32px #6366f159}50%{box-shadow:0 8px 48px #6366f18c}}.login-title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-subtitle{color:#ffffff73;font-size:.9rem;font-weight:400;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;animation:.4s cubic-bezier(.36,.07,.19,.97) errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#ffffff40;pointer-events:none;transition:color .3s;position:absolute;left:1rem}.input-wrapper:focus-within .input-icon{color:#6366f1}.login-input{color:#fff;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;transition:all .3s}.login-input::placeholder{color:#fff3}.login-input:focus{background:#6366f10d;border-color:#6366f180;box-shadow:0 0 0 4px #6366f114}.toggle-password{color:#ffffff4d;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.toggle-password:hover{color:#fff9}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f14d}.login-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #6366f173}.login-btn:hover:before{opacity:1}.login-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn.loading{pointer-events:none}.login-spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem}.login-hint{color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;padding:.75rem;font-size:.8rem}@media (width<=480px){.login-card{border-radius:20px;padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-logo-icon{width:60px;height:60px}}.dashboard-page{background:#0a0a0f;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.dashboard-bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0}.dash-shape{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.dash-shape-1{background:radial-gradient(circle,#6366f1,#0000 70%);width:500px;height:500px;top:-15%;right:-10%}.dash-shape-2{background:radial-gradient(circle,#06b6d4,#0000 70%);width:400px;height:400px;bottom:-10%;left:-5%}.dash-shape-3{background:radial-gradient(circle,#a855f7,#0000 70%);width:300px;height:300px;top:40%;left:40%}.dashboard-nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:.75rem;display:flex}.nav-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;display:flex}.nav-math{color:#fff;font-size:.9rem;font-weight:800}.nav-slash{color:#fff6;margin:0 2px;font-size:.7rem}.nav-c{color:#fff;font-size:1rem;font-weight:900}.nav-title{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.nav-right{align-items:center;gap:1rem;display:flex}.nav-user{align-items:center;gap:.6rem;display:flex}.nav-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.nav-username{color:#ffffffb3;font-size:.9rem;font-weight:500}.nav-logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-logout-btn:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-1px)}.dashboard-content{z-index:1;max-width:900px;margin:0 auto;padding:3rem 2rem;position:relative}.welcome-section{margin-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeUpIn}.welcome-greeting{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.welcome-wave{transform-origin:70% 70%;font-size:2rem;animation:1.5s ease-in-out .5s 2 waveHand;display:inline-block}@keyframes waveHand{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.welcome-title{color:#fff;letter-spacing:2px;text-transform:uppercase;-webkit-text-stroke:1px #000;font-family:Bangers,cursive;font-size:3rem;font-weight:400}.welcome-name{background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:#fff6;font-size:1rem;line-height:1.5}.quiz-cards-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.quiz-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f19b3;border:3px solid #000;border-radius:0;transition:all .2s;animation:.6s cubic-bezier(.16,1,.3,1) fadeUpIn;position:relative;overflow:hidden;box-shadow:8px 8px #000}.quiz-card:before{content:"MISSION";color:#ff006e;z-index:10;background:#ffdeeb;border:2px solid #000;padding:2px 8px;font-family:Bangers,cursive;font-size:.8rem;position:absolute;top:10px;right:10px;transform:rotate(5deg)}.quiz-card:hover{transform:translate(-2px,-2px);box-shadow:12px 12px #000}.quiz-card-glow{opacity:.8;background:linear-gradient(90deg,#6366f1,#a855f7,#06b6d4);height:3px;position:absolute;top:0;left:0;right:0}.quiz-card-glow.math-glow{background:linear-gradient(90deg,#f59e0b,#ef4444,#ec4899)}.quiz-card-content{align-items:center;gap:1.5rem;padding:2rem;display:flex}.card-icon-wrapper{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;font-family:JetBrains Mono,monospace;font-weight:700;display:flex}.card-icon-wrapper.c-icon{background:linear-gradient(135deg,#6366f1,#a855f7);font-size:.85rem;box-shadow:0 8px 24px #6366f14d}.card-bracket{color:#fff9;font-size:.8rem}.card-letter{margin:0 1px;font-size:1.3rem}.card-icon-wrapper.math-icon{background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:1.6rem;box-shadow:0 8px 24px #f59e0b4d}.quiz-card-info{flex:1}.quiz-card-title{color:#fff;letter-spacing:1px;margin-bottom:.4rem;font-family:Bangers,cursive;font-size:2rem;font-weight:400}.quiz-card-description{color:#fff6;margin-bottom:.85rem;font-size:.875rem;line-height:1.5}.quiz-card-meta{flex-wrap:wrap;gap:1rem;display:flex}.meta-item{color:#ffffff59;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.quiz-start-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.c-start-btn{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 16px #6366f14d}.c-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.math-start-btn{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 16px #f59e0b4d}.math-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b73}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeUpIn;display:grid}.stat-card{background:#0f0f1999;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#ffffff1a}.stat-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.stat-icon-1{color:#818cf8;background:#6366f11f}.stat-icon-2{color:#22d3ee;background:#06b6d41f}.stat-info{flex-direction:column;display:flex}.stat-number{color:#fff;font-size:1.1rem;font-weight:700}.stat-text{color:#ffffff59;font-size:.8rem;font-weight:500}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.dashboard-nav{padding:.875rem 1rem}.nav-username{display:none}.dashboard-content{padding:2rem 1rem}.quiz-card-content{text-align:center;flex-direction:column;padding:1.5rem}.quiz-card-meta{justify-content:center}.welcome-title{font-size:1.35rem}.quiz-start-btn{justify-content:center;width:100%}}.cquiz-page{background:#0a0a0f;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.cquiz-bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0}.cq-shape{filter:blur(120px);opacity:.2;border-radius:50%;position:absolute}.cq-shape-1{background:radial-gradient(circle,#6366f1,#0000 70%);width:500px;height:500px;top:-10%;left:-10%}.cq-shape-2{background:radial-gradient(circle,#a855f7,#0000 70%);width:400px;height:400px;bottom:-10%;right:-10%}.cquiz-loading{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.cquiz-loader{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cquiz-topbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.cquiz-back-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cquiz-back-btn:hover{color:#fff;background:#ffffff14}.cquiz-question-counter{align-items:baseline;gap:.2rem;display:flex}.counter-current{color:#fff;font-size:1.4rem;font-weight:800}.counter-sep{color:#fff3;font-weight:500}.counter-total{color:#fff6;font-size:1rem;font-weight:600}.cquiz-timer{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;transition:all .3s;display:flex}.cquiz-timer.warning{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b40}.cquiz-timer.critical{color:#f87171;background:#ef44441a;border-color:#ef44444d;animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 0 8px #ff6b6b00}}.timer-text{letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.cquiz-progress-wrapper{z-index:1;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex;position:relative}.cquiz-progress-bar{background:#ffffff0f;border-radius:10px;flex:1;height:6px;overflow:hidden}.cquiz-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7,#06b6d4);border-radius:10px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative}.cquiz-progress-fill:after{content:"";background:#a855f7;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 12px #a855f799}.cquiz-progress-text{color:#ffffff4d;white-space:nowrap;font-size:.75rem;font-weight:500}.cquiz-content{z-index:1;max-width:720px;margin:0 auto;padding:1.5rem;position:relative}.cquiz-question-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f19b3;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:1.5rem;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) questionSlideIn}@keyframes questionSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cquiz-topic-badge{color:#818cf8;text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f126;border-radius:20px;align-items:center;gap:.35rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.cquiz-question-text{color:#fff;letter-spacing:-.01em;margin-bottom:1.75rem;font-size:1.2rem;font-weight:600;line-height:1.6}.cquiz-options{flex-direction:column;gap:.75rem;display:flex}.cquiz-option{color:#fffc;cursor:pointer;text-align:left;background:#ffffff08;border:1.5px solid #ffffff12;border-radius:14px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cquiz-option:hover:not(:disabled){background:#6366f10f;border-color:#6366f133;transform:translate(4px)}.cquiz-option.selected{color:#fff;background:#6366f11a;border-color:#6366f166}.cquiz-option.selected .option-letter{color:#fff;background:#6366f1;border-color:#6366f1}.cquiz-option.correct{color:#34d399;background:#10b9811a;border-color:#10b98166}.cquiz-option.correct .option-letter{color:#fff;background:#10b981;border-color:#10b981}.cquiz-option.wrong{color:#f87171;background:#ef44441a;border-color:#ef444466}.cquiz-option.wrong .option-letter{color:#fff;background:#ef4444;border-color:#ef4444}.cquiz-option:disabled{cursor:default}.option-letter{color:#ffffff80;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.option-text{flex:1;line-height:1.4}.option-feedback-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.correct-icon{color:#10b981;animation:.3s cubic-bezier(.16,1,.3,1) popIn}.wrong-icon{color:#ef4444;animation:.3s cubic-bezier(.16,1,.3,1) popIn}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.cquiz-feedback{border-radius:14px;margin-top:1.25rem;padding:1rem 1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) feedbackSlide}.cquiz-feedback.correct{background:#10b98114;border:1px solid #10b98133}.cquiz-feedback.incorrect{background:#f59e0b14;border:1px solid #f59e0b33}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.feedback-emoji{font-size:1.2rem}.feedback-title{font-size:1rem;font-weight:700}.cquiz-feedback.correct .feedback-title{color:#34d399}.cquiz-feedback.incorrect .feedback-title{color:#fbbf24}.feedback-explanation{color:#ffffff80;font-size:.875rem;line-height:1.5}.cquiz-validation-error{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;animation:.4s cubic-bezier(.36,.07,.19,.97) errorShake;display:flex}.cquiz-navigation{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cquiz-nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.prev-btn{color:#fff9;background:#ffffff0d;border:1px solid #ffffff14}.prev-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.prev-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.finish-btn{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 16px #10b9814d}.finish-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.cquiz-question-dots{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.question-dot{cursor:pointer;background:0 0;border:1.5px solid #ffffff26;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.question-dot.active{background:#6366f1;border-color:#6366f1;transform:scale(1.3);box-shadow:0 0 8px #6366f180}.question-dot.answered{background:#10b98180;border-color:#10b98180}.question-dot.answered.active{background:#6366f1;border-color:#6366f1}.question-dot:hover{border-color:#fff6}@media (width<=640px){.cquiz-topbar{padding:.75rem 1rem}.cquiz-back-btn span{display:none}.cquiz-content{padding:1rem}.cquiz-question-card{padding:1.5rem}.cquiz-question-text{font-size:1.05rem}.cquiz-navigation{flex-wrap:wrap}.cquiz-question-dots{order:-1;width:100%;padding-bottom:.5rem}.cquiz-nav-btn{flex:1;justify-content:center}}.cresult-page{background:#0a0a0f;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.cresult-bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0}.cr-shape{filter:blur(120px);opacity:.2;border-radius:50%;position:absolute}.cr-shape-1{background:radial-gradient(circle,#6366f1,#0000 70%);width:450px;height:450px;top:-15%;left:-10%}.cr-shape-2{background:radial-gradient(circle,#10b981,#0000 70%);width:350px;height:350px;bottom:-10%;right:-5%}.cr-shape-3{background:radial-gradient(circle,#a855f7,#0000 70%);width:300px;height:300px;top:40%;right:30%}.cresult-loading{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.cresult-loader{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.cresult-content{z-index:1;max-width:700px;margin:0 auto;padding:2.5rem 1.5rem;position:relative}.cresult-header{text-align:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeUpIn}.cresult-title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.cresult-subtitle{color:#fff6;font-size:1rem}.cresult-name{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.cresult-score-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f19b3;border:1px solid #ffffff0f;border-radius:24px;margin-bottom:2rem;padding:2.5rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeUpIn;position:relative;overflow:hidden}.score-card-glow{background:linear-gradient(90deg,#6366f1,#a855f7,#06b6d4,#10b981);height:3px;position:absolute;top:0;left:0;right:0}.cresult-grade-section{text-align:center;margin-bottom:2rem}.grade-badge{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.75rem;font-size:1.5rem;font-weight:900;animation:.6s cubic-bezier(.16,1,.3,1) .3s both gradePopIn;display:inline-flex}.grade-Aplus,.grade-A{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 24px #10b9814d}.grade-B{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f14d}.grade-C{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 24px #f59e0b4d}.grade-D{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 8px 24px #f973164d}.grade-F{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d}@keyframes gradePopIn{0%{opacity:0;transform:scale(0)rotate(-15deg)}70%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.grade-message{color:#fff9;font-size:1rem;font-weight:500}.cresult-circle-wrap{width:160px;height:160px;margin:0 auto 2rem;position:relative}.cresult-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-track{stroke:#ffffff0f}.circle-progress{stroke:#6366f1;stroke-dasharray:0 326.7;transition:stroke-dasharray 1.2s cubic-bezier(.16,1,.3,1)}.circle-progress.animate{stroke-dasharray:var(--dasharray)}.circle-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-percentage{color:#fff;letter-spacing:-.02em;font-size:2.2rem;font-weight:800;display:block}.circle-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600;display:block}.cresult-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.cresult-stat{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .3s;display:flex}.cresult-stat:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-icon-circle{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.correct-circle{color:#34d399;background:#10b9811f}.incorrect-circle{color:#f87171;background:#ef44441f}.total-circle{color:#818cf8;background:#6366f11f}.time-circle{color:#22d3ee;background:#06b6d41f}.stat-details{text-align:center}.stat-val{color:#fff;font-size:1.2rem;font-weight:800;display:block}.stat-lbl{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600;display:block}.cresult-breakdown{margin-bottom:2rem}.breakdown-label{color:#ffffff80;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.breakdown-bar{background:#ffffff0a;border-radius:10px;height:10px;margin-bottom:.5rem;display:flex;overflow:hidden}.breakdown-fill{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1) .5s}.correct-fill{background:linear-gradient(90deg,#10b981,#34d399)}.incorrect-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.breakdown-legend{gap:1.5rem;display:flex}.legend-item{color:#fff6;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.correct-dot{background:#10b981}.incorrect-dot{background:#ef4444}.cresult-actions{flex-wrap:wrap;gap:.75rem;display:flex}.cresult-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:130px;padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.review-btn{color:#818cf8;background:#6366f11a;border:1px solid #6366f133}.review-btn:hover{background:#6366f12e;transform:translateY(-2px)}.retry-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.dashboard-btn{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14}.dashboard-btn:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.cresult-review-section{margin-top:2rem;animation:.5s cubic-bezier(.16,1,.3,1) fadeUpIn}.review-title{color:#fff;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;display:flex}.review-cards{flex-direction:column;gap:1rem;display:flex}.review-card{background:#0f0f19b3;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem;transition:all .3s}.review-card:hover{border-color:#ffffff1a}.review-correct{border-left:3px solid #10b981}.review-incorrect{border-left:3px solid #ef4444}.review-card-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.review-q-number{color:#fff;background:#ffffff0f;border-radius:6px;padding:.25rem .6rem;font-size:.85rem;font-weight:800}.review-topic{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.review-badge{border-radius:6px;margin-left:auto;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-correct{color:#34d399;background:#10b9811a}.badge-incorrect{color:#f87171;background:#ef44441a}.review-question{color:#fffc;margin-bottom:1rem;font-size:.95rem;font-weight:500;line-height:1.5}.review-options{flex-direction:column;gap:.5rem;display:flex}.review-option{color:#ffffff8c;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .875rem;font-size:.875rem;display:flex}.review-opt-correct{color:#34d399;background:#10b9810f;border-color:#10b98133}.review-opt-wrong{color:#f87171;background:#ef44440f;border-color:#ef444433}.review-opt-letter{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.review-opt-correct .review-opt-letter{color:#34d399;background:#10b98126;border-color:#10b9814d}.review-opt-wrong .review-opt-letter{color:#f87171;background:#ef444426;border-color:#ef44444d}.review-opt-text{flex:1}.review-opt-tag{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:5px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.correct-tag{color:#34d399;background:#10b9811f}.wrong-tag{color:#f87171;background:#ef44441f}.review-explanation{color:#ffffff73;background:#f59e0b0d;border:1px solid #f59e0b1f;border-radius:10px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;font-size:.8rem;line-height:1.5;display:flex}.review-explanation svg{color:#fbbf24;min-width:14px;margin-top:2px}@media (width<=640px){.cresult-content{padding:1.5rem 1rem}.cresult-score-card{padding:1.75rem 1.25rem}.cresult-stats-grid{grid-template-columns:repeat(2,1fr)}.cresult-actions{flex-direction:column}.cresult-btn{width:100%}.review-badge{margin-left:0}.cresult-title{font-size:1.5rem}}.question-card{animation:.5s cubic-bezier(.34,1.56,.64,1) cardSlide}@keyframes cardSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes choiceEntrance{0%{opacity:0;transform:translate(-20px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.question-display{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--accent-2) 100%);border-radius:20px;margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6b9d4d,0 20px 50px #845ef733}.question-display:before{content:"";background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite displayShine;position:absolute;top:-50%;left:-50%}@keyframes displayShine{0%,to{transform:translate(-30%)translateY(-30%)}50%{transform:translate(30%)translateY(30%)}}.question-story{color:#fff;text-align:center;text-shadow:2px 2px 4px #0000004d;z-index:1;margin-bottom:1.5rem;font-family:Permanent Marker,cursive;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:500;line-height:1.6;position:relative}.question-logic-guide{z-index:1;background:#00000040;border:1px dashed #ffffff4d;border-radius:12px;align-items:center;gap:10px;padding:.75rem 1.5rem;display:inline-flex;position:relative;left:50%;transform:translate(-50%)}.guide-label{color:#ffffffb3;letter-spacing:1px;font-family:Bangers,cursive;font-size:1rem}.guide-equation{color:#fff;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.choices-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.choices-grid .choice-button:first-child{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) .1s forwards choiceEntrance}.choices-grid .choice-button:nth-child(2){opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) .18s forwards choiceEntrance}.choices-grid .choice-button:nth-child(3){opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) .26s forwards choiceEntrance}.choices-grid .choice-button:nth-child(4){opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) .34s forwards choiceEntrance}.choice-button{cursor:pointer;color:var(--text-dark);background:#fff;border:3px solid #f1f3f5;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.choice-button:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ff6b9d4d 0%,#0000 70%);width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0;transform:scale(0)}.choice-button:active:not(:disabled):after{opacity:1;transform:scale(2)}.choice-button:before{content:"";background:linear-gradient(90deg,#0000,#ff6b9d1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.choice-button:hover:not(:disabled){border-color:var(--primary);transform:translateY(-5px)scale(1.02);box-shadow:0 12px 30px #ff6b9d40}.choice-button:hover:not(:disabled):before{left:100%}.choice-button:disabled{cursor:not-allowed}.choice-button.selected{border-color:var(--primary);background:linear-gradient(135deg,#ff6b9d1a,#845ef71a);transform:scale(1.02);box-shadow:0 8px 20px #ff6b9d33}.choice-button.correct{border-color:var(--success);background:linear-gradient(135deg,#51cf6626,#51cf660d);animation:.5s cubic-bezier(.34,1.56,.64,1) correctPop;box-shadow:0 8px 20px #51cf664d}.choice-button.wrong{border-color:var(--danger);background:linear-gradient(135deg,#ff6b6b26,#ff6b6b0d);animation:.5s ease-out wrongShake;box-shadow:0 8px 20px #ff6b6b4d}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.choice-letter{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 10px #ff6b9d4d}.choice-button.correct .choice-letter{background:linear-gradient(135deg, var(--success), #37b24d);box-shadow:0 4px 10px #51cf664d}.choice-button.wrong .choice-letter{background:linear-gradient(135deg, var(--danger), #fa5252);box-shadow:0 4px 10px #ff6b6b4d}.choice-value{text-align:left;flex:1;font-weight:700}.check-mark,.x-mark{font-size:1.8rem;animation:.4s cubic-bezier(.34,1.56,.64,1) iconPop}.check-mark{color:var(--success)}.x-mark{color:var(--danger)}@keyframes iconPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-feedback{border-radius:16px;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;font-size:1.1rem;font-weight:700;animation:.4s ease-out feedbackSlide;display:flex}.result-feedback.correct{color:#2f9e44;background:linear-gradient(135deg,#51cf6626,#20c9971a);border:2px solid #51cf664d}.result-feedback.incorrect{color:#c92a2a;background:linear-gradient(135deg,#ff6b6b26,#ff6b6b1a);border:2px solid #ff6b6b4d}.feedback-icon{font-size:2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) feedbackBounce;display:inline-block}@keyframes feedbackBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.feedback-text{text-transform:uppercase;letter-spacing:.5px}@media (width<=768px){.question-text{letter-spacing:1px;font-size:1.8rem}.choices-grid{grid-template-columns:1fr}.choice-button{text-align:center;flex-direction:column;padding:1.2rem}.choice-letter{width:40px;height:40px;font-size:.9rem}.choice-value{text-align:center}}:root{--primary:#39ff14;--primary-light:#7fff5c;--secondary:#ff6b00;--accent:#ffea00;--accent-2:#0ff;--success:#39ff14;--danger:#ff073a;--warning:#ffea00;--text-dark:#000;--text-light:#39ff14}.score-board{margin-bottom:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) boardSlide}@keyframes boardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-display{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.score-item{text-align:center;background:#fff;border:2px solid #f1f3f5;border-radius:16px;padding:1.2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0000000d}.score-item:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 10px 25px #845ef726}.score-label{color:#868e96;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.score-value{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.score-main .score-value{font-size:2.5rem}.score-main{border-color:var(--primary);background:linear-gradient(135deg,#ff6b9d1a,#845ef70d)}.score-main.pulse{border-color:var(--success);background:linear-gradient(135deg,#51cf6633,#20c9971a);animation:.6s ease-out scoreFlash}@keyframes scoreFlash{0%{transform:scale(1)}30%{transform:scale(1.12)}50%{transform:scale(1.05)}to{transform:scale(1)}}.streak-display{border-color:var(--accent);background:linear-gradient(135deg,#ffd43b1a,#ffd43b0d)}.streak-value{color:#fab005;justify-content:center;align-items:center;gap:.3rem;font-size:2rem;font-weight:800;display:flex}.streak-value.hot{animation:.6s ease-in-out streakGlow}@keyframes streakGlow{0%,to{text-shadow:0 0 10px #ffd43b80;transform:scale(1)}50%{text-shadow:0 0 20px #ffd43bcc;transform:scale(1.1)}}.streak-icon{font-size:1.5rem;animation:.5s ease-in-out infinite fireWiggle;display:inline-block}@keyframes fireWiggle{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(10deg)scale(1.1)}}.streak-message{color:#fab005;text-transform:uppercase;letter-spacing:.5px;margin-top:.3rem;font-size:.7rem;font-weight:700}.timer{border-color:var(--accent-2);background:linear-gradient(135deg,#20c9971a,#20c9970d)}.time-value{color:var(--accent-2);font-family:Nunito,sans-serif;font-size:1.8rem;font-weight:800;transition:all .2s}.time-value.warning{color:var(--danger);animation:.5s ease-in-out infinite timeBlink}@keyframes timeBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.difficulty-badge{background:linear-gradient(135deg, var(--secondary), #a78bfa);border-color:var(--secondary);position:relative;overflow:hidden}.difficulty-badge:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;animation:2s infinite badgeShine;position:absolute;top:-50%;right:-50%}@keyframes badgeShine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.difficulty-label{color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:1;font-size:.8rem;font-weight:800;position:relative}.question-timer{border-color:var(--warning);background:linear-gradient(135deg,#ffd43b1a,#ffd43b0d)}.question-time-value{color:#fab005;font-size:1.8rem;font-weight:800;transition:all .2s}.question-timer.critical{border-color:var(--danger);background:linear-gradient(135deg,#ff6b6b26,#ff6b6b14);animation:.5s ease-in-out infinite timerPulse}.question-timer.critical .question-time-value.danger{color:var(--danger);text-shadow:0 0 15px #ff6b6b80;animation:.5s ease-in-out infinite timerTextPulse}@keyframes timerTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (width<=768px){.score-display{grid-template-columns:repeat(2,1fr)}.score-value{font-size:1.5rem}.score-main .score-value{font-size:1.8rem}.streak-value{font-size:1.5rem}.time-value,.question-time-value{font-size:1.4rem}}@keyframes scorePopupFloat{0%{opacity:0;transform:translate(-50%)scale(.5)}10%{opacity:1;transform:translate(-50%,-20px)scale(1.2)}50%{opacity:1;transform:translate(-50%,-60px)scale(1)}to{opacity:0;transform:translate(-50%,-100px)scale(.8)}}@keyframes scorePopupFadeOut{0%{opacity:.5;transform:translate(-50%,-60px)scale(1)}to{opacity:0;transform:translate(-50%,-100px)scale(.8)}}.score-popup{z-index:9999;pointer-events:none;position:fixed;top:50%;left:50%}.score-popup.animate{animation:1.5s cubic-bezier(.34,1.56,.64,1) forwards scorePopupFloat}.score-popup.fade-out{animation:.3s ease-out forwards scorePopupFadeOut}.popup-content{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 10px 30px #10b98166}.popup-icon{font-size:2rem;animation:.6s ease-in-out 2 bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.popup-text{text-shadow:0 2px 4px #0003;font-family:Poppins,sans-serif}:root{--primary:#39ff14;--primary-light:#7fff5c;--secondary:#ff6b00;--accent:#ffea00;--accent-2:#0ff;--success:#39ff14;--danger:#ff073a;--warning:#ffea00;--text-dark:#000;--text-light:#39ff14;--bg-1:#0d0d0d;--bg-2:#1a1a1a}body{background:var(--bg-1);min-height:100vh;font-family:Rajdhani,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-1);min-height:100vh;color:var(--text-light);font-family:VT323,monospace}.quiz-container{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);min-height:100vh;padding:2rem;position:relative;overflow:hidden}@keyframes bgFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-1deg)}}.floating-shapes{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{opacity:.6;border-radius:50%;animation:15s ease-in-out infinite floatShape;position:absolute}.floating-shape:first-child{background:linear-gradient(135deg, var(--primary), var(--primary-light));width:80px;height:80px;animation-delay:0s;top:10%;left:10%}.floating-shape:nth-child(2){background:linear-gradient(135deg, var(--secondary), #a78bfa);width:120px;height:120px;animation-delay:-5s;top:70%;right:15%}.floating-shape:nth-child(3){background:linear-gradient(135deg, var(--accent), #ffe066);width:60px;height:60px;animation-delay:-10s;top:40%;left:80%}.floating-shape:nth-child(4){background:linear-gradient(135deg, var(--accent-2), #38d9a9);width:100px;height:100px;animation-delay:-7s;bottom:20%;left:5%}@keyframes floatShape{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-20px)rotate(90deg)scale(1.05)}50%{transform:translateY(0)rotate(180deg)scale(1)}75%{transform:translateY(20px)rotate(270deg)scale(.95)}}.game-header{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:.8s cubic-bezier(.34,1.56,.64,1) headerBounce;display:flex}@keyframes headerBounce{0%{opacity:0;transform:scale(.8)translateY(-30px)}60%{transform:scale(1.05)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.logo-icon{filter:drop-shadow(0 8px 16px #845ef74d);width:70px;height:70px;animation:2s ease-in-out infinite logoWiggle}@keyframes logoWiggle{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.05)}}.game-title{color:var(--primary);letter-spacing:3px;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;position:relative}.game-title:after{content:"";background:var(--secondary);width:100%;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.game-subtitle{color:var(--secondary);letter-spacing:1px;margin-top:.5rem;font-size:1.3rem;font-weight:600}.quiz-content{width:100%;max-width:850px;margin:0 auto}.question-section{border:2px solid var(--secondary);background:#1a1a1a;border-radius:16px;padding:2.5rem;position:relative;box-shadow:0 4px 20px #0000004d}.question-section:before{display:none}.difficulty-btn{border:2px solid var(--secondary);color:var(--secondary);cursor:pointer;text-transform:uppercase;border:2px solid var(--secondary);background:0 0;border-radius:4px;padding:.8rem 1.5rem;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:600;transition:all .2s}.difficulty-btn:hover:not(:disabled){background:var(--secondary);color:var(--bg-1)}.difficulty-btn.active{background:var(--primary);color:var(--bg-1);border-color:var(--primary)}.difficulty-btn:disabled{opacity:.6;cursor:not-allowed}.btn-next{background:linear-gradient(135deg, var(--success), #37b24d);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;align-self:center;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #51cf6666}.btn-next:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #51cf6680}.btn-next:active{transform:scale(.98)}.finished-screen{justify-content:center;align-items:center;min-height:80vh;display:flex}.result-card{text-align:center;background:#fff;border-radius:32px;max-width:520px;padding:3rem;animation:.8s cubic-bezier(.34,1.56,.64,1) resultPop;position:relative;overflow:hidden;box-shadow:0 10px 40px #845ef733,0 20px 60px #0000001a}.result-trophy{margin-bottom:1rem;font-size:5rem;animation:1s cubic-bezier(.34,1.56,.64,1) trophyBounce}@keyframes trophyBounce{0%{opacity:0;transform:scale(0)rotate(-20deg)}50%{transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-card:before{content:"";z-index:0;background:conic-gradient(#0000,#ff6b9d1a,#0000,#845ef71a,#0000);width:200%;height:200%;animation:4s linear infinite resultRotate;position:absolute;top:-50%;left:-50%}@keyframes resultRotate{to{transform:rotate(360deg)}}@keyframes resultPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.result-title{color:var(--primary);z-index:1;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-size:2rem;position:relative}.final-score{z-index:1;margin:2rem 0;position:relative}.score-value{color:var(--primary);font-size:4rem;font-weight:700;animation:2s ease-in-out infinite scorePulse}@keyframes scorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.score-label{color:#868e96;text-transform:uppercase;letter-spacing:2px;font-size:1.1rem;font-weight:700}.percentage-display{z-index:1;margin:2rem 0;position:relative}.percentage-circle{width:180px;height:180px;margin:0 auto;position:relative}.percentage-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.percentage-circle .circle-bg{fill:none;stroke:#f1f3f5;stroke-width:12px}.percentage-circle .circle-fill{fill:none;stroke:url(#resultGradient);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.34,1.56,.64,1)}.percentage-text{color:var(--secondary);font-size:2.5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid;position:relative}.stat{background:linear-gradient(135deg,#fff5f8,#f0f3ff);border:2px solid #f1f3f5;border-radius:16px;padding:1.2rem;transition:all .3s}.stat:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 20px #ff6b9d33}.stat-value{color:var(--secondary);font-size:1.8rem;font-weight:800}.stat-label{color:#868e96;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.btn-replay{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:1;border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 6px 20px #845ef766}.btn-replay:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-replay:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 30px #845ef780}.btn-replay:hover:before{left:100%}@media (width<=768px){.quiz-container{padding:1rem}.question-section{border-radius:20px;padding:1.5rem}.result-card{padding:2rem}.stats-grid{grid-template-columns:1fr}.game-title{font-size:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.confetti-container{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-particle{border-radius:2px;animation:linear forwards confettiFall;position:absolute;top:40%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{opacity:0;transform:translateY(50vh) translateX(var(--drift)) rotate(720deg)}}.story-page{background:#0a0a0f radial-gradient(circle at 2px 2px,#ffffff0d 1px,#0000 0) 0 0/24px 24px;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex;overflow:hidden}.comic-container{width:100%;max-width:500px;position:relative}.comic-panel{background:#fff;border:4px solid #000;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:12px 12px #000}.panel-header{text-align:left;width:100%}.panel-tag{color:#ff006e;background:#ffdeeb;border:2px solid #000;margin-bottom:.5rem;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.comic-title{color:#000;letter-spacing:2px;text-transform:uppercase;-webkit-text-stroke:1px #000;margin:0;font-family:Bangers,cursive;font-size:3rem;line-height:1}.panel-emergency .comic-title{color:red}.panel-hero .comic-title{color:#3a86ff}.panel-choice .comic-title{color:#fb5607}.comic-visual{justify-content:center;align-items:center;height:150px;display:flex;position:relative}.comic-emoji{filter:drop-shadow(4px 4px #000);font-size:6rem}.comic-impact{color:#000;background:#ffd60a;border:3px solid #000;padding:5px 15px;font-family:Bangers,cursive;font-size:1.5rem;animation:2s infinite impactPop;position:absolute;top:-10px;right:-20px;transform:rotate(15deg)}@keyframes impactPop{0%,to{transform:rotate(15deg)scale(1)}50%{transform:rotate(20deg)scale(1.15)}}.comic-bubble{background:#f8f9fa;border:3px solid #000;border-radius:30px;width:100%;padding:1.5rem;position:relative}.bubble-text{color:#000;margin:0;font-family:Permanent Marker,cursive;font-size:1.1rem;font-weight:600;line-height:1.4}.bubble-tail{background:#f8f9fa;border-bottom:3px solid #000;border-right:3px solid #000;width:30px;height:30px;position:absolute;bottom:-15px;left:50px;transform:rotate(45deg)}.comic-btn{color:#fff;cursor:pointer;background:#000;border:none;align-items:center;gap:10px;padding:1rem 2.5rem;font-family:Bangers,cursive;font-size:1.5rem;transition:all .2s;display:flex;box-shadow:6px 6px #3a86ff}.comic-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #3a86ff}.comic-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #3a86ff}.comic-footer{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.panel-dots{gap:8px;display:flex}.dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:#fff;transform:scale(1.2)}.skip-btn{color:#fff6;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.skip-btn:hover{color:#fff}@media (width<=480px){.comic-title{font-size:2.2rem}.comic-emoji{font-size:4rem}.bubble-text{font-size:1rem}}