*{margin:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}.light{color:#000;background-color:#fff;min-height:100vh;transition:all .3s}.dark{color:#fff;background-color:#121212;min-height:100vh;transition:all .3s}.auth-page{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fff3;border-radius:12px;width:350px;padding:14px;box-shadow:0 4px 12px #0000004d}.auth-container input{border:1px solid #ccc;border-radius:6px;width:100%;margin-top:20px;margin-left:-10px;margin-right:40px;padding:10px}.password-box{position:relative}.password-box input{width:100%;padding:10px}.toggle-password,.toggle-passl{cursor:pointer;color:#2563eb;font-size:18px;position:absolute;top:70%;right:0;transform:translateY(-50%)}.aau{margin-bottom:15px}.dark .toggle-password{color:#93c5fd}.error-text{color:#ff1f1f;margin-top:10px;margin-bottom:10px;font-size:20px}.dark .error-text{color:#ff6b6b}.auth-container button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;width:100%;margin-top:15px;padding:12px}.auth-container button:hover{color:#fff;cursor:pointer;background-color:#3197b6;border:none;border-radius:6px;width:100%;margin-top:15px;padding:12px}.dark .auth-container{color:#fff;background:#0009}.dark .auth-container input{color:#fff;background-color:#222}.dark .auth-container input::placeholder{color:#ccc}.light .auth-container{background:white(0, 0, 0, .6);color:#000}.light .auth-container input{color:#000;background-color:#fff}.light .auth-container input::placeholder{color:gray}.auth-container .nav-btn{text-decoration:none}.auth-container .nav-btn:hover{color:#fff;background-color:#3197b6}.App-Header{z-index:1000;color:#fff;background:linear-gradient(90deg,#2b245d,#160a52);justify-content:space-between;align-items:center;height:90px;padding:0 25px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:18px;display:flex}.header-left h1{letter-spacing:1px;font-size:30px;font-weight:700}.logo{object-fit:contain;width:100px;height:100px;margin-left:-20px}.logged-out,.logged-out .header-left{justify-content:center}.logged-out h1{text-align:center}.logged-out .logo{display:none}ul{align-items:center;gap:15px;list-style:none;display:flex}.App-Header li{align-items:center;display:flex}.nav-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .3s}.nav-btn:hover{background:#45a049;transform:translateY(-2px)}.profile-section{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.profile-section a{color:#fff;text-decoration:none}.profile-icon{font-size:22px}.light .App-Header{background:linear-gradient(90deg,#3630d2,#5145cd)}.dark .App-Header{background:linear-gradient(90deg,#1e1b3a,#332f5e)}@media (width<=768px){.App-Header{flex-direction:column;height:auto;padding:15px}.header-left h1{font-size:22px}ul{flex-wrap:wrap;justify-content:center}.logo{width:65px;height:65px}}.menu-container{position:relative}.hamburger{color:#fff;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:32px;transition:all .3s}.hamburger:hover{background:#ffffff26}.vertical-navbar{z-index:1000;background:#0f172a;border-radius:0 14px 14px 0;flex-direction:column;gap:10px;width:240px;height:calc(100vh - 90px);padding:14px;display:none;position:fixed;top:90px;left:15px;overflow-y:auto;box-shadow:0 8px 24px #0006}.show-menu{display:grid}.vertical-navbar a{color:#fff;border-radius:8px;padding:12px 15px;font-size:17px;font-weight:500;text-decoration:none;transition:all .25s}.vertical-navbar a:hover{color:#4efd4e;background:#334155;padding-left:20px}.vertical-navbar a.active{color:#facc15;background:#1e40af}.menu-overlay{z-index:998;background:0 0;width:100%;height:100vh;position:fixed;top:0;left:0}.light .vertical-navbar{background:#fff;box-shadow:0 8px 24px #00000026}.light .vertical-navbar a{color:#1e293b}.light .vertical-navbar a:hover{color:#2563eb;background:#e2e8f0}.light .vertical-navbar:before{color:#2563eb}.home-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);transition:all .3s;display:flex}.home-page h1{font-size:50px}.home-page p{margin-bottom:30px;font-size:22px}.light .home-page{color:#000;background-color:#fff}.dark .home-page{color:#fff;background-color:#121212}.quiz-container{background-color:#f3f4f6;width:90%;min-height:100vh;padding:20px}.quiz-card{background-color:#fff;border-radius:20px;width:95%;margin:auto;padding:30px;box-shadow:0 4px 12px #0003}.quiz-title{text-align:center;margin-bottom:40px}.back-btn{text-decoration:none;position:absolute;left:0}.back-icon{cursor:pointer;width:45px;height:45px;margin-left:40px;transition:all .2s}.back-icon:hover{transform:scale(1.1)}.question-count{color:gray;margin-bottom:10px}.question-text{margin-bottom:20px}.questions-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.option{cursor:pointer;align-items:center;margin-bottom:12px;padding:10px 0;font-size:20px;display:flex}.option-text{margin-left:10px;font-size:18px}.correct{color:green;font-weight:700}.wrong{color:red;font-weight:700}.tick{color:green;margin-left:10px;font-size:22px;font-weight:700}.wrong-tick{color:red;margin-left:10px;font-size:22px;font-weight:700}.check-btn,.next-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-size:16px}.check-btn{background-color:#000}.next-btn{background-color:#00f}.result{text-align:center;margin-top:20px}.correct-text{color:green;font-weight:700}.wrong-text{color:red;font-weight:700}.completed{text-align:center;color:green;margin-top:20px;font-size:24px;font-weight:700}.dark .quiz-container{background-color:#0f172a}.dark .quiz-card{color:#fff;background-color:#1e293b;box-shadow:0 4px 12px #ffffff1a}.dark .quiz-title{color:#fff}.dark .question-text{color:#f1f5f9}.dark .option{color:#e2e8f0}.dark .correct{color:#4ade80}.dark .wrong{color:#f87171}.dark .tick{color:#4ade80}.dark .wrong-tick{color:#f87171}.dark .check-btn{background-color:#2563eb}.dark .check-btn:hover{background-color:#1d4ed8}.dark .score-box{color:#fff}.dark .back-icon{filter:invert()}.topics-page{background:linear-gradient(90deg,#1e1b4b,#312e81);min-height:100vh;padding:40px}.topics-title{text-align:center;color:#fff;margin-bottom:40px;font-size:42px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.topic-card{color:#000;background-color:#fff;border-radius:20px;padding:30px;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #0000004d}.topic-card:hover{background-color:#eef2ff;transform:translateY(-8px)scale(1.03)}.topic-icon{margin-bottom:20px;font-size:50px}.topic-card h2{color:#312e81;margin-bottom:15px}.topic-card p{color:#555;line-height:1.5}.topic-score{text-align:center;margin-top:12px}.topic-score p{color:green;margin-bottom:10px;font-weight:700}.reattempt-btn,.start-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:700}.reattempt-btn{color:#fff;background-color:#ff9800}.dark .reattempt-btn{color:#fff;background-color:#00f}.start-btn{color:#fff;background-color:#4caf50}.dark .topics-page{background:linear-gradient(90deg,#0f172a,#020617)}.dark .topics-title{color:#fff}.dark .topic-card{color:#fff;background-color:#1e293b;box-shadow:0 4px 12px #ffffff1a}.dark .topic-card:hover{background-color:#334155}.dark .topic-card h2{color:#93c5fd}.dark .topic-card p{color:#cbd5e1}.option.selected{background-color:#e3e8f0;border-radius:8px;padding:10px}.dark .option.selected{background-color:#475569}.topic-dropdown{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:10px 15px;font-size:15px}.dropdown-container{justify-content:flex-end;width:90%;max-width:1000px;margin-bottom:20px;display:flex}.leaderboard-page{color:#fff;background:linear-gradient(90deg,#0f172a,#1e293b);flex-direction:column;align-items:center;min-height:100vh;padding:50px 30px;display:flex}.leaderboard-page h1{color:#facc15;letter-spacing:1px;text-shadow:0 2px 8px #0006;margin-bottom:30px;font-size:42px}table{border-collapse:collapse;background-color:#1e293b;border-radius:18px;width:90%;max-width:1000px;overflow:hidden;box-shadow:0 8px 24px #00000059}thead{background:linear-gradient(90deg,#2563eb,#1d4ed8)}th{color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:18px;font-size:17px;font-weight:700}td{color:#e2e8f0;border-bottom:1px solid #334155;padding:16px;font-size:16px}tr:last-child td{border-bottom:none}tbody tr{transition:all .3s}tbody tr:hover{background-color:#334155;transform:scale(1.01)}tbody tr:first-child td{color:gold;font-weight:700}tbody tr:nth-child(2) td{color:silver;font-weight:700}tbody tr:nth-child(3) td{color:#cd7f32;font-weight:700}@media (width<=768px){table{width:100%}th,td{padding:12px;font-size:14px}.leaderboard-page h1{font-size:32px}}.light .leaderboard-page{color:#0f172a;background:linear-gradient(90deg,#f8fafc,#e2e8f0)}.light .leaderboard-page h1{color:#2563eb;text-shadow:none}.light table{background:#fff;box-shadow:0 8px 24px #0000001f}.light thead{background:linear-gradient(90deg,#3b82f6,#2563eb)}.light th{color:#fff}.light td{color:#1e293b;border-bottom:1px solid #cbd5e1}.light tbody tr:hover{background:#f1f5f9}.light tbody tr:first-child td{color:#d97706;font-weight:700}.light tbody tr:nth-child(2) td{color:#64748b;font-weight:700}.light tbody tr:nth-child(3) td{color:#b45309;font-weight:700}.light .topic-dropdown{color:#0f172a;background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 8px #00000014}.ai-analysis-section{border:1px solid #ffffff1a;border-radius:20px;margin-top:48px;overflow:hidden}.light .ai-analysis-section{border-color:#0000001a}.ai-analysis-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;justify-content:space-between;align-items:center;padding:22px 28px;transition:background .18s;display:flex}.ai-analysis-header:hover{background:#ffffff14}.light .ai-analysis-header{background:#0000000a}.light .ai-analysis-header:hover{background:#00000012}.ai-analysis-title{color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.light .ai-analysis-title{color:#1e293b}.ai-star{color:#a78bfa;font-size:18px}.ai-chevron{color:#94a3b8;font-size:14px}.ai-analysis-body{background:#ffffff08;flex-direction:column;gap:24px;padding:28px;animation:.25s fadeDown;display:flex}.light .ai-analysis-body{background:#00000005}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.score-bars-label{letter-spacing:3px;color:#64748b;margin-bottom:14px;font-size:11px}.score-bar-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.score-bar-label{color:#cbd5e1;flex-shrink:0;width:190px;font-size:14px}.light .score-bar-label{color:#334155}.score-bar-track{background:#ffffff14;border-radius:99px;flex:1;height:8px;overflow:hidden}.light .score-bar-track{background:#00000014}.score-bar-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.score-bar-pct{text-align:right;flex-shrink:0;width:40px;font-size:14px;font-weight:600}.ai-no-scores{color:#64748b;text-align:center;padding:24px 0;font-size:16px}.ai-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;box-shadow:0 4px 24px #7c3aed59}.ai-generate-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-error{color:#f87171;text-align:center;padding:8px 0;font-size:14px}.ai-result{flex-direction:column;gap:20px;animation:.35s fadeDown;display:flex}.ai-result-top{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.ai-level-badge{letter-spacing:1px;border:1px solid;border-radius:99px;flex-shrink:0;margin-top:2px;padding:6px 18px;font-size:13px;font-weight:700}.ai-summary{color:#cbd5e1;flex:1;font-size:16px;line-height:1.65}.light .ai-summary{color:#334155}.ai-sw-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.ai-sw-grid{grid-template-columns:1fr}.score-bar-label{width:130px}}.ai-sw-box{border:1px solid;border-radius:14px;padding:18px 20px}.ai-strengths{background:#22c55e0f;border-color:#22c55e33}.ai-weaknesses{background:#ef44440f;border-color:#ef444433}.ai-sw-title{color:#e2e8f0;margin-bottom:12px;font-size:14px;font-weight:700}.light .ai-sw-title{color:#1e293b}.ai-sw-box ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.ai-sw-box ul li{color:#94a3b8;font-size:14px;line-height:1.5}.light .ai-sw-box ul li{color:#475569}.ai-plan{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:22px}.light .ai-plan{background:#00000008;border-color:#00000014}.ai-plan-title{color:#e2e8f0;margin-bottom:18px;font-size:16px;font-weight:700}.light .ai-plan-title{color:#1e293b}.ai-plan-weeks{flex-direction:column;gap:14px;display:flex}.ai-plan-week{background:#ffffff0a;border-radius:12px;grid-template-columns:64px 1fr 2fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.light .ai-plan-week{background:#0000000a}@media (width<=580px){.ai-plan-week{grid-template-columns:1fr}}.ai-week-num{letter-spacing:1px;color:#a78bfa;padding-top:2px;font-size:12px;font-weight:700}.ai-week-focus{color:#e2e8f0;padding-top:1px;font-size:15px;font-weight:600}.light .ai-week-focus{color:#1e293b}.ai-week-action{color:#94a3b8;font-size:14px;line-height:1.55}.light .ai-week-action{color:#475569}.ai-motivation{color:#c4b5fd;background:#a78bfa14;border:1px solid #a78bfa33;border-radius:14px;align-items:flex-start;gap:12px;padding:18px 20px;font-size:15px;font-style:italic;line-height:1.6;display:flex}.light .ai-motivation{color:#5b21b6;background:#7c3aed14;border:1px solid #7c3aed26}.ai-motivation-icon{flex-shrink:0;margin-top:1px;font-size:20px;font-style:normal}.ai-regen-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.ai-regen-btn:hover:not(:disabled){color:#e2e8f0;border-color:#ffffff40}.ai-regen-btn:disabled{opacity:.5;cursor:not-allowed}.light .ai-regen-btn{color:#64748b;border-color:#0000001f}.light .ai-regen-btn:hover:not(:disabled){color:#1e293b;border-color:#00000040}.ai-spin{vertical-align:middle;border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dark .profile-page{color:#fff;box-sizing:border-box;background:linear-gradient(to bottom right,#0f172a,#1e293b);width:100%;min-height:100vh;padding-top:120px;padding-left:60px;padding-right:60px}.light .profile-page{color:#fff;box-sizing:border-box;background:#fff;width:100%;min-height:100vh;padding-top:120px;padding-left:60px;padding-right:60px}.profile-container{width:100%;max-width:1200px;margin:auto}.profile-top{align-items:center;gap:40px;margin-bottom:50px;display:flex}.dark .profile-big-icon{color:#60a5fa;font-size:140px}.light .profile-big-icon{color:#2563eb;font-size:140px}.dark .profile-details h1{margin-bottom:10px;font-size:48px}.light .profile-details h1{color:#29292a;margin-bottom:10px;font-size:48px}.dark .profile-details p{color:#cbd5e1;font-size:22px}.light .profile-details p{color:#29292a;font-size:22px}.dark .edit-icon{color:#60a5fa;cursor:pointer;margin-left:15px;font-size:24px}.light .edit-icon{color:#2563eb;cursor:pointer;margin-left:15px;font-size:24px}.edit-icon:hover{color:#ce4924;cursor:pointer;margin-left:15px;font-size:24px}.edit-section{width:350px;margin-top:20px}.edit-section input{border:none;border-radius:10px;outline:none;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.dark .edit-section button{color:#fff;cursor:pointer;background-color:#60a5fa;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.dark .edit-section button:hover{background-color:#2563eb}.light .edit-section button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.light .edit-section button:hover{background-color:#60a5fa}.edit-section button:hover{background-color:#5b7cd9}.profile-stats{flex-wrap:wrap;gap:30px;margin-top:50px;display:flex}.dark .stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff14;border-radius:20px;flex:1;min-width:220px;padding:30px}.light .stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000014;border-radius:20px;flex:1;min-width:220px;padding:30px}.dark .stat-box h2{color:#60a5fa;margin-bottom:10px;font-size:40px}.light .stat-box h2{color:#1661bc;margin-bottom:10px;font-size:40px}.dark .stat-box p{color:#e2e8f0;font-size:18px}.light .stat-box p{color:#47484a;font-size:18px}