*{box-sizing:border-box;margin:0;padding:0}body{justify-content:center;align-items:space-around;background-color:#6247aa;background-image:linear-gradient(316deg,#6247aa 0%,#a594f9 74%);flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.primary-nav{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;height:auto;min-height:60px;padding:10px 5%;display:flex;box-shadow:0 4px 12px #0000000d}.pages{justify-content:space-between;align-items:center;gap:50px;font-size:18px;list-style:none;display:flex}.page{color:#555;border-bottom:2px solid #0000;padding:5px 0;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.page:hover,.page.active{color:#7244f1;border-bottom:2px solid #7244f1}.logo{color:#7244f1}.settings{color:#4e4e4e;justify-content:space-around;align-items:center;gap:10px;font-size:18px;display:flex}.profile-pic{background-repeat:none;background-size:cover;border:2px solid #a27eff;border-radius:100%;width:40px;height:40px}.profile-pic:hover{background-color:#4e4e4e}.settings .logout-button{color:#6e3afd;background:#f3f0ff;border:2px solid #e5dbff;border-radius:8px;padding:6px 14px;font-size:14px;transition:all .2s}.footer{background:#f3f0ff;border-top:1px solid #e5dbff;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:10px;padding:20px 10%;display:flex}.footer-left{flex:1;min-width:250px}.footer-left h2{color:#7244f1;margin:0}.tagline{color:#6b7280;font-size:.9rem}.footer-right ul{flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none;display:flex}.footer-right a{color:#4b5563;border-bottom:2px solid #0000;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-right a:hover{color:#7244f1;border-bottom:2px solid #7244f1}.quests-content{flex-direction:column;justify-content:center;align-items:stretch;gap:30px;max-width:1200px;margin:40px auto;padding:0 20px;display:flex}.quest-content-header h1{color:#fff;margin-bottom:10px;font-size:2.5rem}.quest-content-header{flex-direction:column;align-items:flex-start;margin-left:25px;display:flex}.quest-content-header p{color:#f3f0ff;max-width:650px;font-size:1.2rem}.quest-card-container{grid-gap:20px;grid-template-columns:repeat(auto-fit,205px);grid-auto-rows:240px;padding:20px;display:grid}.quest-card{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.quest-card:hover{transform:translateY(-5px)}.quest-card img{border-radius:5px;width:96.5%;height:60%;margin-top:2px;overflow:hidden}.quest-card-content{text-align:center;padding:10px}.quest-card-name{color:#2d3748;margin-bottom:4px;font-size:18px}.quest-card-details{color:#718096;margin-bottom:5px;padding:0 10px;font-size:14px}.intensity-container{background:#fff;border:1px solid #e5dbff80;border-radius:20px;flex-direction:column;flex:2;width:500px;min-height:280px;padding:35px;display:flex;box-shadow:0 10px 30px #0000001a}.intensity-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.intensity-icon{color:#7244f1;background:#f3f0ff;border-radius:8px;padding:10px;font-size:20px}.intensity-header-content{flex-direction:column;align-items:flex-start;display:flex}.intensity-header-content h3{color:#2d3748;margin:0;font-size:20px}.intensity-header-content p{color:#666;margin:0;font-size:14px}.intensity-options{flex-wrap:wrap;gap:10px;display:flex}.intensity-card{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:12px;flex:1;width:150px;padding:20px;transition:all .3s;position:relative}.intensity-card h4{margin-bottom:10px;font-size:18px}.intensity-card p{color:#555;margin-bottom:20px;font-size:14px;line-height:1.4}.relaxed{color:#059669}.focused{color:#7c3aed}.elite{color:#dc2626}.progress-bar{background:#eee;border-radius:10px;height:6px;overflow:hidden}.relaxed .progress-bar .fill{background:#059669;border-radius:10px;width:30%;height:100%}.focused .progress-bar .fill{background:#7c3aed;border-radius:10px;width:60%;height:100%}.elite .progress-bar .fill{background:#dc2626;border-radius:10px;width:100%;height:100%}.quest-summary-container{background:#fff;border:1px solid #e5dbff;border-radius:16px;flex-flow:column wrap;justify-content:center;min-width:350px;padding:30px;display:flex;box-shadow:0 10px 25px #00000026}.quest-summary-header{color:#6247aa;padding:10px;font-size:1.4rem;font-weight:700}.quest-summary-list{color:#4a5568;justify-content:space-between;padding:5px 10px;display:flex}hr{background:#e5dbff;border:none;width:100%;height:1px;margin:10px 0}.begin-quest{color:#fff;cursor:pointer;background:#6247aa;border:none;border-radius:12px;margin:15px 0;padding:15px;font-size:18px;font-weight:700;transition:background .2s}.begin-quest:hover{background:#503793}.quest-container{flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}@media (width<=768px){.quest-container{flex-direction:column;align-items:center}.intensity-container,.quest-summary-container{width:100%;max-width:100%}}.quest-game-container{text-align:center;background-color:#fff;border-radius:20px;max-width:600px;margin:0 auto;padding:16px 40px;box-shadow:0 20px 40px #00000026}.quest-progress{justify-content:center;align-items:space-between;flex-direction:column;display:flex}.container-2{justify-content:space-between;display:flex}.quest-game-category{color:#2d1160;margin-bottom:10px;font-size:2rem;font-weight:700;line-height:1.2}.quest-progress-value{color:#6247aa;text-align:start;font-size:1.2rem;font-weight:600}.quest-progress-bar{background:#f3f0ff;border-radius:10px;height:8px;margin-top:10px;margin-bottom:4px;overflow:hidden}.quest-progress-bar .progress-fill{background-color:#6247aa;height:100%;transition:width .3s}.question-box{background:#fff;border-radius:15px;margin-top:20px;padding:30px;box-shadow:0 20px 40px #0003}.question{text-align:start;color:#1a202c;border:1px solid #0000;margin-bottom:20px;padding-left:20px;font-size:1.3rem}.qsn-container{display:flex}.question-icon{color:#6247aa;background:#f3f0ff;border-radius:8px;width:40px;height:40px;padding:8px;font-size:16px;font-weight:700}.options-flex{flex-direction:column;gap:10px;max-width:600px;margin:0 20px;display:flex}.option-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #ededed;border-radius:12px;align-items:center;padding:12px 20px;font-size:1rem;transition:all .2s;display:flex}.answer-icon{color:#666;background:#f4f4f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:15px;font-weight:700;transition:all .2s;display:flex}.button-content{color:#3e3e3e;font-size:1rem;font-weight:500}.option-btn:hover{background-color:#f9f7ff;border-color:#732ae9;box-shadow:0 0 15px #732ae91a}.option-btn:hover .answer-icon{color:#fff;background-color:#732ae9}.option-btn.active-1{background-color:#f9f7ff;border-color:#732ae9;box-shadow:0 0 15px #732ae926}.option-btn.active-1 .answer-icon{color:#fff;background-color:#732ae9}.container-3{justify-content:space-between;align-items:center;margin-top:30px;margin-left:20px;margin-right:20px;display:flex}.next-question{color:#732ae9;cursor:pointer;background:#fff;border:2px solid #732ae9;border-radius:8px;padding:8px 15px 8px 20px;font-size:1.2rem;font-weight:700;transition:all .2s}.next-question:hover{color:#ececec;background:#732ae9;border:2px solid #732ae9}.prev-question{color:#732ae9;cursor:pointer;background:#fff;border:2px solid #732ae9;border-radius:8px;padding:8px 20px 8px 15px;font-size:1.2rem;font-weight:700;transition:all .2s}.prev-question:hover{color:#ececec;background:#732ae9;border:2px solid #732ae9}.arrow-symbol{margin:0 4px;font-size:24px}.submit-button{color:#6247aa;cursor:pointer;background:#fff;border:2px solid #6247aa;border-radius:8px;width:94%;margin-top:20px;padding:12px 20px;font-size:1.2rem;font-weight:700;transition:all .2s}.submit-button:hover{color:#ececec;background:#6247aa;border:2px solid #6247aa}.quest-timer-badge{background-color:#fff;border:1px solid #e5dbff;border-radius:20px;align-self:center;align-items:center;gap:6px;height:max-content;padding:6px 14px;display:flex;box-shadow:0 4px 12px #0000001a}.timer-icon{font-size:1.1rem;line-height:1}.timer-countdown{color:#6247aa;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.result-content{flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:1200px;margin:40px auto;padding:0 20px;display:flex}.score-card{text-align:center;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px 40px;display:flex;box-shadow:0 20px 40px #00000026}.result-circle{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.progress-ring{transform-origin:50%;transform:rotate(-90deg)}.progress-ring-fill{stroke-linecap:round;transition:stroke-dashoffset .6s ease-in-out}.result-percentage{color:#1a202c;flex-direction:column;justify-content:center;align-items:center;margin:0;font-size:1.8rem;font-weight:800;display:flex;position:absolute}.score{color:#4f4e4e;margin:5px;font-size:1.2rem;font-weight:600}.quest-result-head{color:#35056f}.result-summary-container{background:#fff;border:1px solid #e5dbff;border-radius:16px;flex-flow:column wrap;justify-content:center;min-width:450px;padding:30px;display:flex;box-shadow:0 10px 25px #00000026}.result-summary-header{color:#6247aa;padding:10px;font-size:1.4rem;font-weight:700}.result-summary-list{color:#4a5568;justify-content:space-between;padding:5px 10px;display:flex}.result-container-1{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:40px auto;padding:0 20px;display:flex}.review-container{background:#fff;border:1px solid #e5dbff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:450px;max-width:600px;padding:25px;display:flex;box-shadow:0 10px 25px #00000026}.review-heading{color:#6247aa;margin-bottom:20px;font-size:1.4rem;font-weight:700}.review-question ul{grid-template-columns:repeat(10,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.review-question ul li{justify-content:center;align-items:center;display:flex}.review-question ul li button{color:#6247aa;background:#fff;border:2px solid #e5dbff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.review-question ul li button:hover{background-color:#f3f0ff;border-color:#6247aa;transform:scale(1.05)}.review-layout{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;margin-top:20px;display:flex}.solution-display-card{text-align:left;background:#fff;border:1px solid #e5dbff;border-radius:16px;flex:1;padding:30px;box-shadow:0 10px 25px #00000026}.solution-card-header{margin-bottom:15px}.q-badge{color:#6247aa;background:#f3f0ff;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.solution-question-text{color:#1a202c;margin-bottom:25px;font-size:1.25rem;line-height:1.4}.solution-status-options{flex-direction:column;gap:12px;display:flex}.review-opt-btn{color:#4a5568;background:#fff;border:2px solid #ededed;border-radius:12px;align-items:center;gap:15px;padding:14px 20px;font-weight:500;display:flex}.review-opt-btn.correct-highlight{color:#047857;background-color:#f0fdf4;border-color:#059669}.review-opt-btn.wrong-highlight{color:#b91c1c;background-color:#fef2f2;border-color:#dc2626}.review-opt-indicator{font-size:1.1rem;font-weight:700}.bottom-section{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:40px;display:flex}.try-another-quest{color:#fff;cursor:pointer;background-color:#6247aa;border:2px solid #6247aa;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6247aa33}.try-another-quest:hover{background-color:#503793;border-color:#503793;transform:translateY(-2px);box-shadow:0 6px 20px #6247aa4d}.return-to-dashboard{color:#6247aa;cursor:pointer;background-color:#f3f0ff;border:2px solid #e5dbff;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.return-to-dashboard:hover{color:#503793;background-color:#e5dbff;border-color:#d1c4f7;transform:translateY(-2px)}Header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:30px;width:100%;max-width:1100px;height:auto;min-height:70vh;margin:auto;padding:40px 20px;display:flex}.title-1{color:#000;font-size:2.5rem}.title-2{color:#7b03c6;font-size:2.5rem}.header-para{color:#f1f0f0;max-width:500px;margin:10px 0;font-size:1.5rem}.start-trivia{color:#fff;cursor:pointer;background:#732ae9;border:2px solid #732ae9;border-radius:8px;margin-top:10px;padding:10px 15px 10px 25px;font-size:1.5rem;font-weight:700;transition:all .2s}.header-img{width:500px;height:400px}.header-img img{border-radius:12px;width:100%;height:100%;margin:15px 0;overflow:hidden}.stats-container{text-align:left;box-sizing:border-box;width:90%;max-width:1000px;margin:40px auto}.stats-main-heading{color:#f2f1f3;margin-bottom:24px;font-size:1.8rem;font-weight:800}.stats-flex{flex-direction:row;gap:40px;width:100%;display:flex}.stat-img-asset{object-fit:contain;width:24px;height:24px;display:block}.stats-card{box-sizing:border-box;background:#fff;border:1px solid #e5dbff;border-radius:16px;flex-flow:column wrap;flex:1;justify-content:space-around;align-items:center;height:auto;padding:10px 20px 0;display:flex;box-shadow:0 10px 25px #6247aa0d}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-icon .i1{background:#f3f0ff}.stat-icon .i2{background:#f0fdf4}.stat-icon .i3{background:#e6fffa}.stat-header{align-items:center;gap:20px;width:100%;display:flex}.stats-card h4{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:1.2rem;font-weight:700}.stats-card p{color:#6247aa;margin:0;padding:0 20px 10px;font-size:2rem;font-weight:800;line-height:1.2}.player-info{background:#fff;border-left:10px solid #a34cfb;border-radius:6px;justify-content:space-around;align-items:center;width:300px;margin-bottom:20px;padding:15px;font-size:1.4rem;display:flex;box-shadow:0 10px 25px #6247aa0d}.history-table{background:#fff;border:1px solid #e5dbff;border-radius:20px;width:90%;max-width:1000px;margin:30px auto;padding:24px;box-shadow:0 10px 30px #6247aa0d}.table-header{text-align:left;margin-bottom:20px}.table-header h3{color:#6247aa;margin:0;font-size:1.3rem;font-weight:700}.quiz-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.quiz-history-table th{color:#718096;text-transform:uppercase;letter-spacing:.5px;background-color:#f8f7ff;border-bottom:2px solid #e5dbff;padding:16px;font-size:.85rem;font-weight:700}.quiz-history-table td{color:#4a5568;border-bottom:1px solid #f3f0ff;padding:16px}.category-col{color:#1a202c!important}.score-coll{color:#6247aa;font-weight:700}.date-col{color:#a0aec0;font-size:.9rem}.diff-badge{border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.diff-badge.easy{color:#047857;background-color:#e6fffa}.diff-badge.medium{color:#c05621;background-color:#fffaf0}.diff-badge.hard{color:#9b2c2c;background-color:#fff5f5}.accuracy-text{color:#2d3748;font-weight:600}.login-screen-wrapper{justify-content:center;align-items:center;width:100%;min-height:90vh;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #e5dbff;border-radius:24px;width:90%;max-width:420px;padding:40px;box-shadow:0 20px 45px #2d116033}.login-card h2{color:#6247aa;margin-bottom:8px;font-size:1.8rem;font-weight:800}.login-card p{color:#718096;margin-bottom:24px;font-size:.95rem;line-height:1.4}.login-card input{box-sizing:border-box;border:2px solid #e5dbff;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:14px 20px;font-size:1rem;font-weight:500;transition:border-color .2s}.login-card input:focus{border-color:#732ae9}.login-btn{color:#fff;cursor:pointer;background:#732ae9;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.login-btn:hover{background:#503793}.leaderboard-container{box-sizing:border-box;background:#fff;border:1px solid #e5dbff;border-radius:24px;width:90%;max-width:800px;height:100vh;margin:0 auto;padding:30px;box-shadow:0 15px 35px #6247aa1a}.leaderboard-header{text-align:left;border-bottom:2px solid #f3f0ff;margin-bottom:24px;padding-bottom:16px}.leaderboard-header h2{color:#6247aa;margin-bottom:4px;font-size:1.6rem;font-weight:800}.leaderboard-header p{color:#718096;font-size:.9rem}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-row{background:#f8f7ff;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.leaderboard-row.gold{background:#fffdf0;border-color:#f6e05e}.leaderboard-row.gold .player-username{color:#b7791f;font-weight:800}.leaderboard-row.silver{background:#f7fafc;border-color:#cbd5e0}.leaderboard-row.silver .player-username{color:#4a5568;font-weight:700}.leaderboard-row.bronze{background:#fffaf0;border-color:#ed8936}.leaderboard-row.bronze .player-username{color:#dd6b20;font-weight:700}.rank-section{align-items:center;gap:16px;display:flex}.rank-number{color:#718096;text-align:left;width:35px;font-size:1.1rem;font-weight:800}.player-username{color:#2d3748;font-size:1rem;font-weight:600}.metrics-section{align-items:center;gap:20px;display:flex}.leaderboard-level-tag{color:#fff;letter-spacing:.5px;background:#6247aa;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:800}.leaderboard-xp-display{color:#4a5568;text-align:right;min-width:65px;font-size:.95rem;font-weight:700}.empty-leaderboard-text{color:#a0aec0;padding:20px 0;font-weight:500}.stats-flex .stats-card .stat-icon.i1{background:#f3f0ff}.stats-flex .stats-card .stat-icon.i2{background:#f0fdf4}.stats-flex .stats-card .stat-icon.i3{background:#e6fffa}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.leaderboard-header-img{object-fit:contain;width:48px;height:48px;margin-bottom:4px;display:block}.leaderboard-rank-img{object-fit:contain;width:28px;height:28px;display:block}.rank-number{justify-content:center;align-items:center;width:35px;height:28px;display:flex}