:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#1a1a24;--color-primary:#ff6b35;--color-primary-light:#ff8c5a;--color-secondary:#f72585;--color-tertiary:#7b2cbf;--color-text:#fff;--color-text-muted:#b8b8c8;--color-text-subtle:#6b6b7b;--color-success:#00f5a0;--color-success-glow:rgba(0,245,160,0.4);--color-error:#ff3860;--color-error-glow:rgba(255,56,96,0.4);--gradient-primary:linear-gradient(135deg,#ff6b35,#f72585);--gradient-secondary:linear-gradient(135deg,#7b2cbf,#f72585);--shadow-sm:0 2px 8px rgba(0,0,0,0.5);--shadow-md:0 4px 20px rgba(0,0,0,0.6);--shadow-lg:0 8px 40px rgba(0,0,0,0.7);--shadow-glow:0 0 40px rgba(255,107,53,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#0a0a0f!important}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:#fff!important;background:#0a0a0f!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root,body{min-height:100vh}#root{background:#0a0a0f}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(123,44,191,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,53,.12) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(247,37,133,.08) 0,transparent 70%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}button,input{font-family:var(--font-body)}::selection{background:var(--color-primary);color:#0a0a0f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(255,107,53,.3)}50%{box-shadow:0 0 40px rgba(255,107,53,.5)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideUp{animation:slideUp .5s ease forwards}.animate-slideDown{animation:slideDown .5s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.App{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#0a0a0f;color:#fff}.App:before{top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(123,44,191,.12) 0,transparent 60%)}.App:after,.App:before{content:"";position:fixed;pointer-events:none;z-index:0}.App:after{bottom:-40%;left:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(255,107,53,.1) 0,transparent 60%)}.main-content{flex:1 1;position:relative;z-index:1;padding-bottom:100px}.glass-card{background:rgba(26,26,36,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg)}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;padding:14px 32px;border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(255,107,53,.4);border:none;cursor:pointer}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,107,53,.5)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:#fff;font-weight:600;padding:14px 32px;border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);border:2px solid hsla(0,0%,100%,.3);cursor:pointer}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.btn-danger{background:linear-gradient(135deg,var(--color-error),#d63d5a);color:#fff;font-weight:600;padding:12px 24px;border-radius:var(--radius-md);font-size:.9rem;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(255,56,96,.4);border:none;cursor:pointer}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,56,96,.5)}.btn-success{background:linear-gradient(135deg,#00c27a,#00a86b);color:#fff;font-weight:600;padding:14px 32px;border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(0,194,122,.4);border:none;cursor:pointer}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,194,122,.5)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.input-field{width:100%;padding:16px 20px;font-size:1rem;color:#fff;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.input-field::placeholder{color:hsla(0,0%,100%,.4)}.input-field:focus{border-color:var(--color-primary);background:hsla(0,0%,100%,.12);box-shadow:0 0 0 4px rgba(255,107,53,.15)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .4s ease}.quiz-header{background:rgba(10,10,15,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.08);padding:16px 5%;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;animation:slideDown .5s ease}.header-logo,.quiz-header{display:flex;align-items:center}.header-logo{grid-gap:12px;gap:12px}.header-logo .MuiSvgIcon-root,.header-logo svg{color:#ff6b35!important;font-size:28px;filter:drop-shadow(0 0 10px rgba(255,107,53,.6))}.heading{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;letter-spacing:-.5px}.user{font-size:.95rem;color:#b8b8c8;display:flex;align-items:center;grid-gap:8px;gap:8px}.user:before{content:"👋";font-size:1.1rem}.dashboard-container{max-width:700px;margin:0 auto;padding:60px 24px 120px;animation:slideUp .6s ease}.wel-msg{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:16px;color:#fff}.wel-msg .highlight{background:linear-gradient(135deg,#ff6b35,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detl-msg{font-size:1.15rem;color:#b8b8c8;margin-bottom:48px;font-weight:400}.form{background:#12121a;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;padding:40px;animation:scaleIn .4s ease .2s both}.form-group{margin-bottom:32px}.form-label,.user-name{display:block;font-size:.9rem;font-weight:600;color:#b8b8c8;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}#username{width:100%;padding:18px 24px;font-size:1.1rem;color:#fff!important;background:hsla(0,0%,100%,.08)!important;border:2px solid hsla(0,0%,100%,.15)!important;border-radius:12px;transition:all .25s ease;outline:none}#username::placeholder{color:hsla(0,0%,100%,.4)!important}#username:focus{border-color:#ff6b35!important;background:hsla(0,0%,100%,.12)!important;box-shadow:0 0 0 4px rgba(255,107,53,.15)}.container{display:flex;flex-direction:column;grid-gap:16px;gap:16px;margin-top:32px}.category-label{font-size:.9rem;font-weight:600;color:#b8b8c8;text-transform:uppercase;letter-spacing:.5px}.select-btn{width:100%}.select-btn .btn,.select-btn .dropdown-toggle{width:100%;padding:18px 24px;font-size:1.1rem;color:#fff!important;background:hsla(0,0%,100%,.08)!important;border:2px solid hsla(0,0%,100%,.15)!important;border-radius:12px!important;transition:all .25s ease;text-align:left;display:flex;justify-content:space-between;align-items:center}.select-btn .btn:focus,.select-btn .btn:hover,.select-btn .dropdown-toggle:focus,.select-btn .dropdown-toggle:hover{border-color:#ff6b35!important;background:hsla(0,0%,100%,.12)!important;box-shadow:0 0 0 4px rgba(255,107,53,.15)!important}.select-btn .dropdown-menu{width:100%;background:#1a1a24!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:12px!important;padding:8px;margin-top:8px!important;box-shadow:0 8px 40px rgba(0,0,0,.7)}.select-btn .dropdown-item{color:#fff!important;padding:14px 20px;border-radius:8px;transition:all .15s ease;font-size:1rem}.select-btn .dropdown-item:focus,.select-btn .dropdown-item:hover{background:rgba(255,107,53,.2)!important;color:#ff6b35!important}.categry{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:16px 20px;background:rgba(123,44,191,.15);border:1px solid rgba(123,44,191,.3);border-radius:12px;font-size:1rem;color:#fff}.categry b{color:#b8b8c8;font-weight:500}.btn-manul{width:100%;margin-top:32px;padding:18px 32px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff6b35,#f72585)!important;color:#fff!important;border:none!important;border-radius:12px!important;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px rgba(255,107,53,.4);text-transform:uppercase;letter-spacing:1px}.btn-manul:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,107,53,.5)}.btn-manul:disabled{opacity:.4;cursor:not-allowed;transform:none}.result-container{max-width:700px;margin:0 auto;padding:80px 24px 120px;text-align:center;animation:slideUp .6s ease}.result-card{background:#12121a;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;padding:60px 40px;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff6b35,#f72585)}.result-emoji{font-size:5rem;margin-bottom:24px;animation:float 3s ease-in-out infinite}.greet{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:16px;color:#fff}.greet .username{color:#ff6b35}.show-results{font-size:1.25rem;color:#b8b8c8;margin-bottom:40px}.score-display{display:inline-flex;align-items:baseline;grid-gap:8px;gap:8px;background:rgba(255,107,53,.15);border:2px solid rgba(255,107,53,.4);border-radius:20px;padding:20px 40px;margin-bottom:40px}.score-number{font-family:var(--font-heading);font-size:4rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-total{font-size:1.5rem;color:#b8b8c8}.new-quiz-btn{padding:18px 48px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff6b35,#f72585);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px rgba(255,107,53,.4);text-transform:uppercase;letter-spacing:1px}.new-quiz-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,107,53,.5)}.Loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;animation:fadeIn .5s ease}.loading-spinner{width:60px;height:60px;border:4px solid hsla(0,0%,100%,.15);border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:1.1rem;color:#b8b8c8;text-align:center}.quiz-footer{background:rgba(10,10,15,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.08);padding:20px 5%;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:100}.quiz-footer .heading{font-size:1rem;font-weight:600}@media only screen and (max-width:768px){.quiz-header{padding:14px 4%}.heading{font-size:1.2rem}.user{font-size:.85rem}.dashboard-container{padding:40px 16px 120px}.form{padding:28px 20px}#username{padding:16px 18px;font-size:1rem}.btn-manul{padding:16px 24px;font-size:1rem}.result-container{padding:60px 16px 120px}.result-card{padding:40px 24px}.score-number{font-size:3rem}}@media only screen and (max-width:480px){.user:before{display:none}.wel-msg{font-size:2rem}.detl-msg{font-size:1rem}.result-emoji{font-size:4rem}.greet{font-size:1.5rem}.score-display{padding:16px 28px}.score-number{font-size:2.5rem}}.question-div{max-width:800px;margin:0 auto;padding:40px 24px 140px;animation:slideUp .5s ease}.content-head{justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:40px;padding:20px 24px;background:#12121a;border:1px solid hsla(0,0%,100%,.1);border-radius:20px}.category-badge,.content-head{display:flex;align-items:center}.category-badge{grid-gap:8px;gap:8px;font-size:.9rem;color:#b8b8c8;font-weight:500}.category-badge:before{content:"📚";font-size:1.1rem}.count{display:flex;align-items:center;grid-gap:8px;gap:8px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff;background:rgba(123,44,191,.2);padding:8px 16px;border-radius:12px}.count:before{content:"";display:block;width:8px;height:8px;background:#7b2cbf;border-radius:50%;animation:pulse 2s ease-in-out infinite}.end-quiz-btn{padding:12px 24px;font-size:.9rem;font-weight:600;background:rgba(255,56,96,.15);color:#ff3860;border:1px solid rgba(255,56,96,.4);border-radius:12px;cursor:pointer;transition:all .25s ease}.end-quiz-btn:hover{background:#ff3860;color:#fff;border-color:#ff3860}.quest-box{background:#12121a;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;padding:48px 40px;position:relative;overflow:hidden}.quest-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#7b2cbf,#f72585)}.question{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;line-height:1.5;color:#fff;margin-bottom:40px;text-align:center;padding:0 20px}.option-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:40px}.option,.option-disable,.wrong{position:relative;padding:20px 24px;font-size:1rem;font-weight:500;color:#fff;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.15);border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:left;min-height:70px;display:flex;align-items:center}.option:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.option:active{transform:translateY(0)}.selected{background:rgba(123,44,191,.2)!important;border-color:#7b2cbf!important;box-shadow:0 0 0 4px rgba(123,44,191,.15)}.selected:before{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;background:#7b2cbf;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.correct{background:rgba(0,245,160,.15)!important;border-color:#00f5a0!important;box-shadow:0 0 20px rgba(0,245,160,.3);animation:correctPulse .5s ease}.correct:before{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;background:#00f5a0;color:#0a0a0f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.wrong{background:rgba(255,56,96,.15)!important;border-color:#ff3860!important;box-shadow:0 0 20px rgba(255,56,96,.3);animation:wrongShake .5s ease}.wrong:before{content:"✗";position:absolute;top:12px;right:12px;width:24px;height:24px;background:#ff3860;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@keyframes wrongShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.option-disable{cursor:not-allowed;opacity:.6}.option-disable:hover{transform:none;background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.quiz-actions{display:flex;justify-content:center;grid-gap:16px;gap:16px;flex-wrap:wrap}.qst-btn{padding:16px 36px;font-size:1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.5px}.lock-btn{background:linear-gradient(135deg,#00c27a,#00a86b);color:#fff;border:none;box-shadow:0 4px 15px rgba(0,194,122,.4)}.lock-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,194,122,.5)}.lock-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.next-btn{background:linear-gradient(135deg,#ff6b35,#f72585);color:#fff;border:none;box-shadow:0 4px 15px rgba(255,107,53,.4)}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,107,53,.5)}.next-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.progress-bar{width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;margin-bottom:40px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#ff6b35,#f72585);border-radius:3px;transition:width .5s ease}@media only screen and (max-width:768px){.question-div{padding:24px 16px 140px}.content-head{flex-wrap:wrap;padding:16px;grid-gap:12px;gap:12px}.category-badge{order:1;flex:1 1 100%;font-size:.85rem}.count{order:2;font-size:1rem}.end-quiz-btn{order:3;padding:10px 16px;font-size:.85rem}.quest-box{padding:32px 20px}.question{font-size:1.15rem;padding:0}.option-container{grid-template-columns:1fr;grid-gap:12px;gap:12px}.option,.option-disable,.wrong{padding:16px 20px;min-height:60px}.quiz-actions{flex-direction:column}.qst-btn{width:100%;padding:16px 24px}}@media only screen and (max-width:480px){.question{font-size:1.05rem}.option,.option-disable,.wrong{font-size:.95rem;padding:14px 16px}}
/*# sourceMappingURL=main.57db21e0.chunk.css.map */