.landing-container{align-items:center;background:#f0f9ff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.landing-subtitle{color:#334155;font-size:1.2rem;margin-top:1rem}.landing-start{background:linear-gradient(135deg,#38bdf8,#2563eb);border:none;border-radius:14px;color:#020617;cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:2rem;padding:14px 28px;transition:transform .2s,box-shadow .2s}.landing-start:hover{box-shadow:0 10px 24px #38bdf899;transform:scale(1.06)}@media (max-width:768px){.landing-title{font-size:2.8rem}.landing-subtitle{font-size:1rem}.landing-start{font-size:.95rem;padding:12px 24px}}@media (max-width:480px){.landing-title{font-size:2.2rem}.landing-subtitle{font-size:.9rem}.landing-start{font-size:.85rem;padding:10px 20px}}.landing-title{color:#1d4ed8;display:flex;font-weight:900;gap:.2rem;position:relative;z-index:2}.landing-title span{animation:floatLetter 2s ease-in-out infinite alternate;display:inline-block;opacity:1}@keyframes floatLetter{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.blue-streak{animation:streakOverLetters 1.5s forwards;background:linear-gradient(90deg,#3b82f600,#3b82f699 50%,#3b82f600);height:4rem;left:0;position:absolute;top:50%;transform:translateY(-50%) skewX(-20deg);width:100%;z-index:1}@keyframes streakOverLetters{0%{left:-100%}to{left:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);display:flex;justify-content:center;min-height:100vh}.auth-card{animation:fadeUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000014;max-width:380px;padding:2.5rem;text-align:center;width:100%}.auth-title{color:#1d4ed8;font-size:2rem;font-weight:800}.auth-subtitle{color:#475569;font-size:.95rem;margin-bottom:1.8rem;margin-top:.3rem}.auth-card input{border:1px solid #cbd5f5;border-radius:12px;font-size:.95rem;margin-bottom:1rem;outline:none;padding:12px 14px;width:100%}.auth-card input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee40}.auth-card button{background:#facc15;border:none;border-radius:14px;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.auth-card button:hover{box-shadow:0 10px 24px #facc1599;transform:scale(1.04)}.auth-footer{color:#64748b;font-size:.85rem;margin-top:1.2rem}.auth-footer span{color:#1d4ed8;cursor:pointer;font-weight:600}.auth-footer span:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b}.home-dashboard,body{background-color:#fdfdfd;font-family:Arial,sans-serif}.home-dashboard{box-sizing:border-box;min-height:100vh;padding:12px}.top-header{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;justify-content:center;left:0;padding:12px 60px;position:fixed;top:0;width:100%;z-index:1000}.welcome-text{color:#222;font-size:1.3rem;font-weight:700;text-align:center}.collapse-btn{align-items:center;background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-around;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:1001}.hamburger span{background-color:#000;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.below-header-wrapper{display:flex;gap:12px;margin-top:80px}.sidebar{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:10px;min-width:180px;padding:16px}.sidebar.collapsed{display:none}.nav-item{background-color:#f0f8ff;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-item:hover{background-color:#e0f0ff;box-shadow:0 4px 8px #0000001a;color:#000;transform:translateY(-2px)}.main-content{color:#333;display:flex;flex:1 1;flex-direction:column;font-size:.95rem;gap:12px}.daily-challenge{background:linear-gradient(145deg,#fef9f0,#f3f7f0);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.daily-challenge:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-3px)}.daily-challenge .challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.daily-challenge .streak{color:#666;font-size:.9rem}.daily-challenge .challenge-rewards{color:#6aa84f;font-weight:700;margin-bottom:12px}.daily-challenge .progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.daily-challenge .progress-fill{background:#6aa84f;border-radius:4px;height:100%}.daily-challenge button{background-color:#4da6ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px;transition:background-color .2s ease}.daily-challenge button:hover{background-color:#39f}.dashboard-card{border:1px solid #d0e6f7;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}@media (max-width:768px){.below-header-wrapper,.cards-container{flex-direction:column}.sidebar{min-width:100%}}.cards-container{display:flex;flex-wrap:wrap;gap:16px}.dashboard-card{background:#fff;border-left:6px solid #4da6ff;border-radius:12px;box-shadow:0 3px 10px #0000000d;cursor:pointer;flex:1 1 200px;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-left-color .2s ease}.dashboard-card.blue{border-left-color:#4da6ff}.dashboard-card.green{border-left-color:#6aa84f}.dashboard-card.yellow{border-left-color:#f9d67a}.dashboard-card:hover{background:#f5faff;box-shadow:0 6px 14px #0000001a;transform:translateY(-3px)}.dashboard-card h2{color:#333;font-size:1.1rem;margin-bottom:10px}.dashboard-card p{color:#555;font-size:.95rem}.daily-challenge.enhanced{background:linear-gradient(135deg,#a8dadc,#ffe5b4,#caffbf);border-radius:14px;box-shadow:0 4px 12px #0000001a;padding:16px 20px;transition:transform .3s ease,box-shadow .3s ease}.daily-challenge.enhanced:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px) scale(1.01)}.daily-challenge.enhanced .challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.daily-challenge.enhanced h2{color:#1d3557;font-size:1.2rem;font-weight:700}.daily-challenge.enhanced .streak{animation:streakPulse 1.5s infinite alternate;color:#e63946;font-size:.85rem;font-weight:600}.daily-challenge.enhanced .challenge-rewards{color:#2a9d8f;font-size:.95rem;font-weight:600;margin-bottom:10px}.daily-challenge.enhanced .xp{animation:xpPulse 1.5s infinite alternate;background-color:#ffffffd9;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#2a9d8f;padding:3px 8px}.daily-challenge.enhanced .progress-bar{background:#ffffff80;border-radius:6px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.daily-challenge.enhanced .progress-fill{background:linear-gradient(90deg,#f4a261,#e9c46a);border-radius:6px;height:100%;transition:width 1s ease-in-out;width:0}.daily-challenge.enhanced .progress-text{color:#1d3557;font-size:.8rem;font-weight:500;margin-bottom:10px;text-align:right}.daily-challenge.enhanced button{background:#457b9d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.daily-challenge.enhanced button:hover{background:#1d3557;box-shadow:0 3px 10px #0003;transform:translateY(-2px) scale(1.02)}@keyframes xpPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes streakPulse{0%{color:#e63946;transform:scale(1)}50%{color:#f77f00;transform:scale(1.05)}to{color:#e63946;transform:scale(1)}}.daily-challenge.enhanced .particle{background:#ffbe0b;height:8px;width:8px}.daily-challenge.enhanced{overflow:hidden;position:relative}.daily-challenge.enhanced .particle{animation:floatUp 2s linear forwards;border-radius:50%;opacity:0;pointer-events:none;position:absolute}.daily-challenge.enhanced:hover .particle{animation:floatUp 1.5s ease-out forwards;opacity:1}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.daily-challenge.enhanced .xp{animation:pulseXP 1s infinite;background-color:#ffbe0b;border-radius:12px;color:#1e293b;display:inline-block;font-weight:700;padding:4px 10px}@keyframes pulseXP{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.daily-challenge.enhanced .streak{animation:bounceStreak 1s infinite;color:#1982c4;display:inline-block;font-weight:700}@keyframes bounceStreak{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.games-container{background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb;min-height:100vh;padding:40px}.games-container h1{font-size:2.2rem;margin-bottom:6px;text-align:center}.games-container p{color:#9ca3af;margin-bottom:32px;text-align:center}.games-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto;max-width:1200px}@media (max-width:1024px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.games-grid{grid-template-columns:1fr}}.game-card{background:linear-gradient(160deg,#0f172a,#020617);border-radius:22px;box-shadow:0 10px 25px #0009;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;max-width:320px;min-height:180px;overflow:hidden;padding:26px;position:relative;transition:all .4s ease;width:100%}.game-card:hover{box-shadow:0 20px 40px #38bdf840;transform:translateY(-8px) scale(1.02)}.game-card h2{font-size:1.3rem;margin-bottom:8px}.game-card p{color:#9ca3af;font-size:.95rem}.game-card.speed h2{color:#38bdf8}.game-card.clues h2{color:#a78bfa}.game-card.sprint h2{color:#22c55e}.game-card.identity h2{color:#facc15}.game-card.mcq h2{color:#94a3b8}.game-card.blackbox h2{color:#ef4444}.game-card.ladder h2{color:#f97316}.game-card:hover h2{text-shadow:0 0 14px currentColor}.end-page{background:#fefefe;border-radius:15px;box-shadow:0 10px 25px #00000026;color:#111;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:50px auto;max-width:700px;padding:30px 35px;text-align:center}.end-page h1{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:25px}.score-card{background-color:#ecf0f1;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;padding:20px}.score-card h2{font-size:22px;margin-bottom:15px}.score-card p{font-size:18px;margin:5px 0}.streak-card{background-color:#f1c40f;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#fff;font-weight:600;margin-bottom:20px;padding:20px}.streak-card p{font-size:18px;margin:5px 0}.streak-card small{display:block;font-size:14px;font-weight:500;margin-top:8px}.pearl-card{background-color:#3498db;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#fff;margin-bottom:25px;padding:18px}.pearl-card h3{font-size:20px;margin-bottom:12px}.pearl-card p{font-size:16px;line-height:1.5}.cta{margin-top:15px}.cta button{background-color:#2ecc71;border:none;border-radius:10px;color:#fff;cursor:default;font-size:16px;font-weight:600;padding:12px 20px}.cta p{color:#555;font-size:16px;margin-top:10px}@media (max-width:500px){.end-page{padding:20px}.pearl-card,.score-card,.streak-card{padding:15px}.pearl-card h3,.score-card h2{font-size:18px}.pearl-card p,.score-card p,.streak-card p{font-size:15px}}.review-page{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100vh}.review-page h1{font-size:2.2rem;margin-bottom:.5rem}.review-summary p{font-size:1.1rem;margin:.4rem 0;opacity:.95}.questions-review{margin-top:2rem}.question-card{background:#fffffff2;border-radius:14px;color:#1e1e1e;margin-bottom:1.3rem;padding:1.2rem 1.4rem;transition:transform .2s ease,box-shadow .2s ease}.question-card:hover{box-shadow:0 10px 22px #00000040;transform:translateY(-3px)}.question-card.correct{border-left:7px solid #2ecc71}.question-card.wrong{border-left:7px solid #e74c3c}.question-card p{line-height:1.5;margin:.45rem 0}.question-card strong{color:#111}.question-card .user-answer{background:#f4f6f8;border-radius:8px;font-size:.95rem;margin-top:.4rem;padding:.6rem .8rem}.question-card .status{font-size:.95rem;font-weight:600;margin-top:.5rem}.review-page-empty{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;min-height:100vh}.review-cta button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 26px;transition:transform .2s ease,box-shadow .2s ease}.review-cta button:hover{box-shadow:0 6px 16px #2ecc7173;transform:scale(1.05)}.correct-answer{color:#155724;font-weight:600;margin-top:.6rem}.explanation{background:#eef2f6;border-radius:8px;color:#2c3e50;font-size:.95rem;line-height:1.5;margin-top:.4rem;padding:.6rem .8rem}.quiz-container{background:#fefefe;border-radius:15px;box-shadow:0 10px 25px #00000026;color:#111;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:50px auto;max-width:700px;padding:25px 30px}.quiz-container h2{font-size:24px;font-weight:600;margin-bottom:15px}.quiz-question{font-size:18px;margin-bottom:20px}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.option-btn{background-color:#ecf0f1;cursor:pointer;font-size:16px;padding:12px 18px;transition:all .2s ease}.option-btn:hover{background-color:#d0d7de}.option-btn.correct{background-color:#2ecc71!important;color:#fff}.option-btn.wrong{background-color:#e74c3c!important;color:#fff}.input-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.input-container input[type=text]{border:2px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 15px;width:100%}.input-container input[type=text]:focus{border-color:#2ecc71;box-shadow:0 0 5px #2ecc7180}.submit-btn{background-color:#2ecc71;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .2s ease}.submit-btn:hover{background-color:#27ae60}.timer{color:#e67e22}.feedback,.timer{font-size:16px;font-weight:600}.feedback{margin-bottom:15px}.feedback.correct{color:#2ecc71}.feedback.wrong{color:#e74c3c}.progress-bar{background-color:#e0e0e0;border-radius:12px;height:15px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background-color:#2ecc71;height:100%;transition:width .3s ease}small{color:#555;display:block;font-size:14px;margin-top:5px}@media (max-width:500px){.quiz-container{padding:20px}.input-container input[type=text],.option-btn,.submit-btn{font-size:14px;padding:10px 15px}}body{background:#0f2027;background:linear-gradient(90deg,#2c5364,#203a43,#0f2027);color:#fff;font-family:Poppins,sans-serif;margin:0}.screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}h1{font-size:48px;margin-bottom:30px}h3.question{font-size:24px;margin:20px 0}button{cursor:pointer;transition:all .2s ease}.start-btn{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);border:none;border-radius:12px;color:#fff;font-size:20px;padding:15px 40px}.start-btn:hover{box-shadow:0 5px 15px #ffffff4d;transform:scale(1.05)}.options{align-items:center;display:flex;flex-direction:column}.option-btn{background:#1f4037;background:linear-gradient(90deg,#99f2c8,#1f4037);border:none;border-radius:10px;color:#fff;font-size:18px;margin:8px 0;padding:12px 25px;width:250px}.option-btn:hover{box-shadow:0 5px 15px #0000004d;transform:scale(1.05)}input[type=text]{border:none;border-radius:8px;font-size:16px;margin-bottom:10px;padding:10px;width:200px}.timer-bar{background:#fff3;border-radius:10px;height:15px;margin-bottom:20px;overflow:hidden;width:300px}.timer-fill{background:#0f9;height:100%;transition:width 1s linear}.feedback{font-size:20px;margin:15px 0}.feedback.correct{color:#0f9}.feedback.wrong{color:#ff4b2b}.finish-screen .score{font-size:28px;margin:20px 0}#root,.App,body{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}h1,h2,h3{margin:.5em 0}@media (max-width:1024px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}.flex-container{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:768px){.flex-container{align-items:center;flex-direction:column}}.card{height:180px;margin:10px;transition:all .3s ease;width:180px}@media (max-width:768px){.card{height:auto;max-width:300px;width:90%}}.landing-title{font-size:4rem;margin:50px 0;text-align:center}@media (max-width:768px){.landing-title{font-size:2rem;margin:20px 0}}.side-panel{width:250px}@media (max-width:1024px){.side-panel{width:200px}}@media (max-width:768px){.side-panel{width:100%}}
/*# sourceMappingURL=main.202a009d.css.map*/