@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#f8fafc;--secondary-200:#e2e8f0;--secondary-400:#94a3b8;--secondary-800:#1e293b;--secondary-900:#0f172a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-800:#1f2937;--gray-900:#111827;--dark-border:#475569;--dark-border-light:#64748b;--dark-text:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-muted:#94a3b8;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-700) 0%,var(--secondary-600) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-success) 0%,var(--accent-info) 100%);--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #0284c74d;--shadow-dark-sm:0 1px 3px 0 #0003;--shadow-dark-md:0 4px 8px -2px #0000004d,0 2px 4px -2px #0003;--shadow-dark-lg:0 12px 20px -4px #0006,0 4px 8px -4px #0000004d;--shadow-dark-xl:0 24px 32px -8px #00000080,0 8px 16px -8px #0006;--radius-sm:0.375rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--dark-bg);color:#f8fafc;color:var(--dark-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.App.light body{background:#fff;background:var(--light-bg);color:#1e293b;color:var(--light-text)}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:#4b5563;background:var(--gray-600);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.App.light ::-webkit-scrollbar-track{background:#f8fafc;background:var(--light-surface-2)}.App.light ::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400)}.App.light ::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.gradient-text{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.glow-effect{box-shadow:0 0 20px #0284c74d;box-shadow:var(--shadow-glow)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;line-height:1.25rem;overflow:hidden;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:all .2s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#0284c7,#0ea5e9);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 20px #0284c74d;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:#334155;background:var(--dark-surface-2);border:1px solid #475569;border:1px solid var(--dark-border);color:#f8fafc;color:var(--dark-text)}.btn-secondary:hover:not(:disabled){background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600)}.btn-ghost{background:#0000;color:#cbd5e1;color:var(--dark-text-secondary)}.btn-ghost:hover:not(:disabled){color:#f8fafc;color:var(--dark-text)}.btn-ghost:hover:not(:disabled),.card{background:#1e293b;background:var(--dark-surface)}.card{border:1px solid #475569;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 8px -2px #0000004d,0 2px 4px -2px #0003;box-shadow:var(--shadow-dark-md);padding:2rem;padding:var(--space-xl);transition:all .3s ease}.card:hover{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 12px 20px -4px #0006,0 4px 8px -4px #0000004d;box-shadow:var(--shadow-dark-lg);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.input{background:#334155;background:var(--dark-surface-2);border:1px solid #475569;border:1px solid var(--dark-border);border-radius:.5rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--dark-text);font-size:.875rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;width:100%}.input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input::placeholder{color:#cbd5e1;color:var(--dark-text-secondary)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-sm)}.gap-4{gap:1rem;gap:var(--space-md)}.gap-6{gap:1.5rem;gap:var(--space-lg)}.gap-8{gap:2rem;gap:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-2{padding:.5rem;padding:var(--space-sm)}.p-4{padding:1rem;padding:var(--space-md)}.p-6{padding:1.5rem;padding:var(--space-lg)}.p-8{padding:2rem;padding:var(--space-xl)}.m-2{margin:.5rem;margin:var(--space-sm)}.m-4{margin:1rem;margin:var(--space-md)}.m-6{margin:1.5rem;margin:var(--space-lg)}.m-8{margin:2rem;margin:var(--space-xl)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}.text-5xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:1.5rem;line-height:2rem}}.App.light .item-footer,.App.light .shop-item .item-footer{background:#f1f5f9!important}:root{--primary-500:#0284c7;--primary-400:#0ea5e9;--primary-300:#38bdf8;--primary-600:#0369a1;--primary-700:#075985;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-100:#f1f5f9;--secondary-300:#cbd5e1;--accent-success:#059669;--accent-warning:#d97706;--accent-error:#dc2626;--accent-info:#0284c7;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--light-bg:#fff;--light-surface:#fff;--light-surface-2:#f8fafc;--light-text:#1e293b;--light-text-secondary:#64748b;--light-border:#e2e8f0;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-surface-2:#334155;--dark-surface-3:#475569;--dark-text:#f1f5f9;--dark-text-secondary:#94a3b8;--dark-border:#334155;--gradient-primary:linear-gradient(135deg,var(--primary-600),var(--primary-500));--gradient-secondary:linear-gradient(135deg,var(--secondary-700),var(--secondary-600));--gradient-accent:linear-gradient(135deg,var(--accent-success),var(--accent-info));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #3b82f64d}.App{min-height:100vh;transition:background-color .3s ease,color .3s ease}.App.dark{background:#0f172a;background:var(--dark-bg);color:#f1f5f9;color:var(--dark-text)}.App.light{background:#fff;background:var(--light-bg);color:#1e293b;color:var(--light-text)}.App.light .nav-item:hover{background:#f8fafc;background:var(--light-surface-2)}.App.light .nav-item.active{background:#0284c71a;color:#0369a1;color:var(--primary-600)}.App.light .points-display{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .theme-toggle{color:#64748b;color:var(--light-text-secondary)}.App.light .welcome-section{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .welcome-title{color:#1e293b;color:var(--light-text)}.App.light .welcome-subtitle{color:#64748b;color:var(--light-text-secondary)}.App.light .stat-card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .stat-card:hover{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a}.App.light .recent-tests-section,.App.light .subjects-section{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .subject-item{background:#f8fafc;background:var(--light-surface-2)}.App.light .subject-item:hover{background:#f1f5f9;background:var(--secondary-100)}.App.light .subject-icon{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .subject-icon,.App.light .subject-name{color:#1e293b;color:var(--light-text)}.App.light .subject-tests{color:#64748b;color:var(--light-text-secondary)}.App.light .test-result-item{background:#f8fafc;background:var(--light-surface-2)}.App.light .test-result-item:hover{background:#f1f5f9;background:var(--secondary-100)}.App.light .test-subject-indicator{background:#0369a1;background:var(--primary-600)}.App.light .test-info .test-subject{color:#1e293b;color:var(--light-text)}.App.light .test-date,.App.light .test-info .test-topic{color:#64748b;color:var(--light-text-secondary)}.App.light .score-circle{border-color:#e2e8f0;border-color:var(--light-border)}.App.light .score-max{color:#64748b;color:var(--light-text-secondary)}.App.light .test-subject{color:#1e293b;color:var(--light-text)}.App.light .test-topic{color:#64748b;color:var(--light-text-secondary)}.App.light .progress-text,.App.light .score-value{color:#1e293b;color:var(--light-text)}.App.light .ai-promo{box-shadow:0 4px 6px -1px #0000001a}.App.light .btn-secondary{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .input{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #0284c71a}.App.light .input::placeholder{color:#64748b;color:var(--light-text-secondary)}.App.light .card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .card:hover{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a}.App.light .tests-page{background:#fff;background:var(--light-bg)}.App.light .page-title{color:#1e293b;color:var(--light-text)}.App.light .page-subtitle{color:#64748b;color:var(--light-text-secondary)}.App.light .search-input{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .search-input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #0284c71a}.App.light .test-card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .test-card:hover{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a}.App.light .test-subject-badge{background:#f8fafc;background:var(--light-surface-2);color:#1e293b;color:var(--light-text)}.App.light .test-description{color:#334155!important;color:var(--secondary-700)!important}.App.light .test-card-footer{background:#f8fafc;background:var(--light-surface-2);border-top:1px solid #e2e8f0;border-top:1px solid var(--light-border)}.App.light .points-label{color:#64748b;color:var(--light-text-secondary)}.App.light .shop-page{background:#fff;background:var(--light-bg)}.App.light .balance-card{box-shadow:0 4px 6px -1px #0000001a}.App.light .category-btn.active,.App.light .category-btn:hover{border-color:#0284c7;border-color:var(--primary-500)}.App.light .category-btn.active{background:#0369a1;background:var(--primary-600);color:#fff}.App.light .shop-item{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .shop-item:hover:not(.out-of-stock){border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a}.App.light .profile-info{color:#64748b;color:var(--light-text-secondary)}.App.light .test-page{background:#fff;background:var(--light-bg);color:#1e293b;color:var(--light-text)}.App.light .test-header{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .test-title{color:#1e293b;color:var(--light-text)}.App.light .test-subject{color:#64748b;color:var(--light-text-secondary)}.App.light .back-btn{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .back-btn:hover{background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .timer{background:#fff;background:var(--light-surface)}.App.light .help-btn,.App.light .timer{border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .help-btn{background:#f8fafc;background:var(--light-surface-2);color:#1e293b;color:var(--light-text)}.App.light .help-btn:hover{background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .question-header{background:#f8fafc;background:var(--light-surface-2);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border)}.App.light .option-label:hover{border-color:#cbd5e1!important;border-color:var(--secondary-300)!important}.App.light .answer-input{border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .question-dot{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .question-dot.current{background:#0369a1;background:var(--primary-600);border-color:#0284c7;border-color:var(--primary-500);color:#fff}.App.light .question-dot.answered{background:#059669;background:var(--accent-success);border-color:#059669;border-color:var(--accent-success);color:#fff}.App.light .nav-btn{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .nav-btn:hover:not(:disabled){background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .nav-btn:disabled{background:#fff;background:var(--light-surface);border-color:#e2e8f0;border-color:var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .submit-btn{background:#0369a1!important;background:var(--primary-600)!important;border-color:#0284c7!important;border-color:var(--primary-500)!important}.App.light .submit-btn:hover{background:#075985!important;background:var(--primary-700)!important}.App.light .results-card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .results-title{color:#1e293b;color:var(--light-text)}.App.light .results-subtitle,.App.light .stat-label{color:#64748b;color:var(--light-text-secondary)}.App.light .stat-value{color:#1e293b;color:var(--light-text)}.App.light .question-result{background:#fff!important;background:var(--light-surface)!important;box-shadow:0 1px 3px 0 #0000001a!important}.App.light .question-result.correct{border-color:#059669!important;border-color:var(--accent-success)!important}.App.light .question-result.incorrect{border-color:#dc2626!important;border-color:var(--accent-error)!important}.App.light .question-result .question-text{color:#1e293b!important;color:var(--light-text)!important}.App.light .option.correct-answer{background:#0596691a!important;border-color:#059669!important;border-color:var(--accent-success)!important;color:#059669!important;color:var(--accent-success)!important}.App.light .option.user-answer{background:#0284c71a!important;border-color:#0284c7!important;border-color:var(--primary-500)!important;color:#0369a1!important;color:var(--primary-600)!important}.App.light .option{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .explanation{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.test-progress{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1rem 0;padding:var(--space-md) 0}.App.light .test-progress,.test-progress{background:#0000!important}.progress-text{font-size:.875rem;min-width:60px;white-space:nowrap}.App.light .progress-text{color:#64748b;color:var(--light-text-secondary)}.question-header{background:#0000;border:none;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem 0;padding:var(--space-md) 0}.question-number{display:inline-block;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}.help-icon{border-radius:.5rem;border-radius:var(--radius-md);padding:.25rem;padding:var(--space-xs)}.help-icon:hover{background:#3b82f61a}.App.light .question-header{background:#0000;border:none}.App.light .question-number{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a;color:#1e293b;color:var(--light-text)}.App.light .help-icon{color:#64748b;color:var(--light-text-secondary)}.App.light .help-icon:hover{background:#0284c71a;color:#0369a1;color:var(--primary-600)}.App.light .profile-page{background:#fff;background:var(--light-bg);color:#1e293b;color:var(--light-text)}.App.light .profile-header{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .profile-name{color:#1e293b;color:var(--light-text)}.App.light .profile-grade,.App.light .profile-subjects{color:#64748b;color:var(--light-text-secondary)}.App.light .edit-profile-btn{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .edit-profile-btn:hover{background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .edit-input,.App.light .edit-select{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .edit-input:focus,.App.light .edit-select:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #0284c71a}.App.light .achievements-section,.App.light .activity-section{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .section-title{color:#1e293b;color:var(--light-text)}.App.light .achievements-count{color:#0369a1;color:var(--primary-600)}.App.light .achievement-card,.App.light .achievements-count{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .achievement-card.earned{background:#0596690d;border:1px solid #059669;border:1px solid var(--accent-success)}.App.light .achievement-card.locked{background:#f8fafc;background:var(--light-surface-2);opacity:.6}.App.light .achievement-name{color:#1e293b;color:var(--light-text)}.App.light .achievement-description{color:#64748b;color:var(--light-text-secondary)}.App.light .achievement-badge{color:#d97706;color:var(--accent-warning)}.App.light .activity-item{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .activity-item:hover{background:#f1f5f9;background:var(--secondary-100);border-color:#cbd5e1;border-color:var(--secondary-300)}.App.light .activity-date{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .activity-action{color:#1e293b;color:var(--light-text)}.App.light .activity-subject{color:#64748b;color:var(--light-text-secondary)}.App.light .activity-score{color:#059669;color:var(--accent-success)}.App.light .progress-summary{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .summary-content h3{color:#1e293b;color:var(--light-text)}.App.light .summary-content p{color:#64748b;color:var(--light-text-secondary)}.App.light .avatar-placeholder{background:#0369a1;background:var(--primary-600);color:#fff}.main-content{min-height:calc(100vh - 80px);padding-top:80px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideInUp .6s ease-out}.animate-slide-right{animation:slideInRight .6s ease-out}.animate-fade-in{animation:fadeIn .4s ease-out}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background:linear-gradient(90deg,var(--dark-surface) 25%,var(--dark-surface-2) 50%,var(--dark-surface) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:var(--shadow-dark-lg);transform:translateY(-2px)}.progress-bar{background:#0000;height:6px;width:100%}.progress-bar,.progress-fill{border-radius:.5rem;border-radius:var(--radius-md)}.progress-fill{background:linear-gradient(90deg,#0369a1,#0ea5e9,#0284c7);background:linear-gradient(90deg,var(--primary-600),var(--primary-400),var(--primary-500));box-shadow:none;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{display:none}.App.light .progress-bar{background:#0000}.App.light .progress-fill{background:linear-gradient(90deg,#0369a1,#0284c7,#0ea5e9);background:linear-gradient(90deg,var(--primary-600),var(--primary-500),var(--primary-400));box-shadow:none}.badge{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.badge-primary{background:#0284c7;background:var(--primary-500);color:#fff}.badge-secondary{background:#64748b;background:var(--secondary-500);color:#fff}.badge-success{background:#059669;background:var(--accent-success);color:#fff}.badge-warning{background:#d97706;background:var(--accent-warning);color:#fff}.badge-error{background:#dc2626;background:var(--accent-error);color:#fff}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--space-2xl)}.stat-card{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-dark-md);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#0284c7;border-color:var(--primary-500);box-shadow:var(--shadow-dark-xl);transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.stat-label{font-weight:500}.subject-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.subject-card{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;transition:all .3s ease}.subject-card:before{background:linear-gradient(135deg,#334155,#475569);background:var(--gradient-secondary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.subject-card:hover{border-color:#64748b;border-color:var(--secondary-500);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.test-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.test-card{cursor:pointer;padding:2rem;padding:var(--space-xl)}.test-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.shop-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shop-item:hover{border-color:#059669;border-color:var(--accent-success);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.shop-item-image{align-items:center;background:linear-gradient(135deg,#059669,#0284c7);background:var(--gradient-accent);display:flex;font-size:3rem;height:200px;justify-content:center;width:100%}.shop-item-content{padding:1.5rem;padding:var(--space-lg)}@media (max-width:768px){.stats-grid,.subject-grid,.test-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.main-content{padding-top:70px}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border);height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.logo{gap:1rem;gap:var(--space-md);transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-icon{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:40px;justify-content:center;width:40px}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.nav{gap:1rem;gap:var(--space-md)}.nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#1e293b;background:var(--dark-surface);color:#f1f5f9;color:var(--dark-text)}.nav-item.active{background:#3b82f61a;color:#0ea5e9;color:var(--primary-400)}.nav-item.active:after{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.user-info{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.theme-toggle{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md)}.points-display,.theme-toggle:hover{background:#1e293b;background:var(--dark-surface)}.points-display{align-items:center;border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.trophy-icon{color:#d97706;color:var(--accent-warning)}.points-value{color:#f1f5f9;color:var(--dark-text);font-weight:600}.user-avatar{border:2px solid #0284c7;border:2px solid var(--primary-500);border-radius:50%;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}@media (max-width:768px){.header{height:70px}.nav{gap:.5rem;gap:var(--space-sm)}.logo-text,.nav-item span{display:none}.points-display{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.points-value{font-size:.875rem}}.dashboard{padding:3rem 0;padding:var(--space-2xl) 0}.welcome-section{grid-gap:3rem;grid-gap:var(--space-2xl);align-items:center;background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-dark-md);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr 300px;margin-bottom:3rem;margin-bottom:var(--space-2xl);overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative}.welcome-section:before{background:#0369a1;background:var(--primary-600);content:"";height:3px;left:0;position:absolute;right:0;top:0}.welcome-title{color:#f1f5f9;color:var(--dark-text);font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--space-md)}.welcome-subtitle{color:#94a3b8;color:var(--dark-text-secondary);font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-xl)}.welcome-actions{display:flex;gap:1rem;gap:var(--space-md)}.welcome-visual{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.stats-preview{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);max-width:300px;width:100%}.stats-preview.single-stat{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:150px}.mini-stat{align-items:center;background:#0284c71a;border:1px solid #0284c733;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs);padding:1rem;padding:var(--space-md);text-align:center;transition:all .3s ease}.mini-stat:hover{background:#0284c726;border-color:#0284c74d;transform:translateY(-2px)}.mini-stat-icon{font-size:1.5rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mini-stat-value{color:#0284c7;color:var(--primary-500);font-size:1.1rem;font-weight:700;line-height:1.2;text-align:center}.mini-stat-label{color:#94a3b8;color:var(--dark-text-secondary);font-size:.7rem;font-weight:500;line-height:1.2;text-align:center}.App.light .mini-stat{background:#0284c70d;border:1px solid #0284c71a}.App.light .mini-stat:hover{background:#0284c714;border-color:#0284c733}.App.light .mini-stat-label{color:#64748b;color:var(--light-text-secondary)}.App.light .mini-stat-value{color:#0369a1;color:var(--primary-600)}.dashboard-grid,.stats-section{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.dashboard-grid{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.section-title{font-size:1.5rem}.section-link{color:#0ea5e9;color:var(--primary-400);font-weight:500;text-decoration:none;transition:color .2s ease}.section-link:hover{color:#38bdf8;color:var(--primary-300)}.recent-tests-section,.subjects-section{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-dark-md);padding:2rem;padding:var(--space-xl)}.subjects-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.subject-item{align-items:center;background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-md);transition:all .2s ease}.subject-item:hover{background:#475569;background:var(--dark-surface-3);box-shadow:var(--shadow-dark-sm);transform:translateX(4px)}.subject-info{gap:1rem;gap:var(--space-md)}.subject-icon,.subject-info{align-items:center;display:flex}.subject-icon{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.5rem;border-radius:var(--radius-md);color:#f1f5f9;color:var(--dark-text);font-weight:600;height:40px;justify-content:center;width:40px}.subject-name{font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.subject-tests{color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem}.subject-progress{align-items:center;display:flex;gap:1rem;gap:var(--space-md);min-width:120px}.progress-text{font-weight:600;min-width:40px}.recent-tests-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.test-result-item{grid-gap:1.5rem;grid-gap:var(--space-lg);align-items:center;background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:auto 1fr auto auto;padding:1.5rem;padding:var(--space-lg);transition:all .2s ease}.test-result-item:hover{background:#475569;background:var(--dark-surface-3);box-shadow:var(--shadow-dark-sm);transform:translateX(4px)}.test-subject-indicator{background:#0284c7;background:var(--primary-500);border-radius:2px;height:40px;width:4px}.test-info{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.test-subject{color:#f1f5f9;color:var(--dark-text);font-size:.95rem;font-weight:600;margin:0}.test-topic{color:#94a3b8;color:var(--dark-text-secondary);font-size:.85rem;margin:0}.test-date{color:#9ca3af;color:var(--gray-400);font-size:.8rem;font-weight:500;min-width:80px;text-align:right}.test-score{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);min-width:80px}.score-circle{border:3px solid #334155;border:3px solid var(--dark-border);height:60px;width:60px}.score-value{color:#f1f5f9;color:var(--dark-text);font-size:1.1rem;font-weight:600}.score-max{color:#94a3b8;color:var(--dark-text-secondary);font-size:.7rem;line-height:1}.score-badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.score-badge.success{background:#059669;background:var(--accent-success);color:#fff}.score-badge.warning{background:#d97706;background:var(--accent-warning);color:#fff}.score-badge.error{background:#dc2626;background:var(--accent-error);color:#fff}.ai-promo{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative;text-align:center}.ai-promo:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.ai-promo-content{align-items:center;display:flex;gap:2rem;gap:var(--space-xl);justify-content:space-between;position:relative;z-index:1}.ai-promo-text{text-align:left}.ai-promo-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--space-sm);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.brain-icon{color:#d97706;color:var(--accent-warning)}.ai-promo-description{color:#ffffffe6;font-size:1rem;line-height:1.6}.ai-promo-btn{background:#fff;color:#0369a1;color:var(--primary-600);font-weight:600;white-space:nowrap}.ai-promo-btn:hover{background:#ffffffe6;transform:translateY(-2px)}@media (max-width:768px){.welcome-section{grid-template-columns:1fr;padding:1.5rem;padding:var(--space-lg);text-align:center}.welcome-title{font-size:2rem}.welcome-actions{justify-content:center}.dashboard-grid{gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr}.ai-promo-content{flex-direction:column;text-align:center}.ai-promo-text{text-align:center}}.tests-page{padding:3rem 0;padding:var(--space-2xl) 0}.page-header{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.page-title-section{margin:0 auto;max-width:600px}.page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;gap:var(--space-md);justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-md)}.page-icon{color:#0284c7;color:var(--primary-500)}.page-subtitle{color:#94a3b8;color:var(--dark-text-secondary);font-size:1.125rem;line-height:1.6}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.search-bar{flex:1 1;min-width:300px;position:relative}.search-icon{color:#94a3b8;color:var(--dark-text-secondary);left:1rem;left:var(--space-md);position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--dark-text);font-size:1rem;padding:1rem 1rem 1rem 3rem;padding:var(--space-md) var(--space-md) var(--space-md) 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{display:flex;gap:1rem;gap:var(--space-md)}.filter-item{align-items:center;background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);display:flex;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.filter-select{background:#0000;border:none;color:#f1f5f9;color:var(--dark-text);cursor:pointer;font-size:.875rem;outline:none}.filter-select option{background:#1e293b;background:var(--dark-surface);color:#f1f5f9;color:var(--dark-text)}.tests-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.test-card:hover{border-color:#0284c7;border-color:var(--primary-500);box-shadow:var(--shadow-dark-lg);transform:translateY(-4px)}.test-card{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-dark-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.test-card-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.test-subject-badge{align-items:center;background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.subject-icon{font-size:1rem}.difficulty-badge{border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.test-card-content{flex:1 1;padding:1.5rem;padding:var(--space-lg)}.test-title{font-size:1.25rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.test-description{color:#94a3b8;color:var(--dark-text-secondary);line-height:1.6}.test-description,.test-topics{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.test-topics{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.topic-tag{background:#0284c7;background:var(--primary-500);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.test-stats{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:1fr 1fr}.stat-item{align-items:center;color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem}.test-card-footer{align-items:center;background:#334155;background:var(--dark-surface-2);border-top:1px solid #334155;border-top:1px solid var(--dark-border);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.test-points{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.points-label{color:#94a3b8;color:var(--dark-text-secondary);font-size:.75rem}.points-value{color:#d97706;color:var(--accent-warning);font-size:1rem;font-weight:700}.no-results{color:#94a3b8;color:var(--dark-text-secondary);padding:3rem;padding:var(--space-2xl);text-align:center}.no-results-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.no-results h3{color:#f1f5f9;color:var(--dark-text);font-size:1.5rem;margin-bottom:.5rem;margin-bottom:var(--space-sm)}@media (max-width:768px){.page-title{flex-direction:column;font-size:2rem;gap:.5rem;gap:var(--space-sm)}.filters-section{align-items:stretch;flex-direction:column}.search-bar{min-width:auto}.filter-group{justify-content:center}.test-stats,.tests-grid{grid-template-columns:1fr}.test-card-footer{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--space-md)}}.chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:2000}.chat-container{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:600px;overflow:hidden;width:100%}.chat-header{background:#334155;background:var(--dark-surface-2);border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border);justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{gap:1rem;gap:var(--space-md)}.chat-bot-icon{background:#3b82f61a;border-radius:.75rem;border-radius:var(--radius-lg);color:#0284c7;color:var(--primary-500);padding:.5rem;padding:var(--space-sm)}.chat-title h3{font-size:1.125rem;font-weight:600;margin:0}.chat-status{color:var(--accent-emerald);font-size:.75rem}.chat-close-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;padding:.5rem;padding:var(--space-sm);transition:all .2s ease}.chat-close-btn:hover{background:#1e293b;background:var(--dark-surface);color:#f1f5f9;color:var(--dark-text)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--space-lg);overflow-y:auto;padding:1.5rem;padding:var(--space-lg)}.message{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-md)}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.message.ai .message-avatar{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);color:#fff}.message.user .message-avatar{background:#334155;background:var(--dark-surface-2);color:#f1f5f9;color:var(--dark-text)}.message-content{flex:1 1;max-width:80%}.message.user .message-content{align-items:flex-end;display:flex;flex-direction:column}.message-bubble{background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);line-height:1.5;padding:1rem;padding:var(--space-md);position:relative;white-space:pre-wrap}.message.user .message-bubble{background:#0369a1;background:var(--primary-600);color:#fff}.message.ai .message-bubble{border:1px solid #334155;border:1px solid var(--dark-border)}.speak-btn{background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;padding:.25rem;padding:var(--space-xs);position:absolute;right:.5rem;right:var(--space-sm);top:.5rem;top:var(--space-sm);transition:all .2s ease}.speak-btn:hover{background:#1e293b;background:var(--dark-surface);color:#0ea5e9;color:var(--primary-400)}.message-time{color:#94a3b8;color:var(--dark-text-secondary);font-size:.75rem;margin-top:.25rem;margin-top:var(--space-xs)}.message.user .message-time{text-align:right}.typing{background:#334155!important;background:var(--dark-surface-2)!important;border:1px solid #334155;border:1px solid var(--dark-border)}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#0284c7;background:var(--primary-500);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-input-container{background:#334155;background:var(--dark-surface-2);border-top:1px solid #334155;border-top:1px solid var(--dark-border);padding:1.5rem;padding:var(--space-lg)}.chat-input-wrapper{align-items:flex-end;display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.chat-input{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--dark-text);flex:1 1;font-family:inherit;font-size:.875rem;max-height:120px;min-height:44px;padding:1rem;padding:var(--space-md);resize:none;transition:all .2s ease}.chat-input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.chat-input::placeholder{color:#94a3b8;color:var(--dark-text-secondary)}.chat-actions{display:flex;gap:.5rem;gap:var(--space-sm)}.send-btn,.voice-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.voice-btn{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}.voice-btn:hover{background:#374151;background:var(--gray-700);color:#f1f5f9;color:var(--dark-text)}.voice-btn.recording{animation:pulse 1s infinite;background:#dc2626;background:var(--accent-error);color:#fff}.send-btn{background:#0369a1;background:var(--primary-600);color:#fff}.send-btn:hover:not(:disabled){background:#0284c7;background:var(--primary-500);transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.suggestion-btn{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;font-size:.75rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.suggestion-btn:hover{background:#374151;background:var(--gray-700);border-color:#0284c7;border-color:var(--primary-500);color:#f1f5f9;color:var(--dark-text)}@media (max-width:768px){.chat-overlay{padding:0}.chat-container{border-radius:0;height:100vh;max-height:none}.message-content{max-width:85%}.chat-suggestions{justify-content:center}}.shop-page{padding:3rem 0;padding:var(--space-2xl) 0}.user-balance{margin-top:1.5rem;margin-top:var(--space-lg)}.balance-card{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#fff;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);text-align:center}.balance-label{display:block;font-size:.875rem;margin-bottom:.25rem;margin-bottom:var(--space-xs);opacity:.9}.balance-value{font-size:2rem;font-weight:800}.categories-section{margin:3rem 0;margin:var(--space-2xl) 0}.categories-list{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center}.category-btn{align-items:center;background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.category-btn:hover{background:#334155;background:var(--dark-surface-2);color:#f1f5f9;color:var(--dark-text)}.category-btn.active,.category-btn:hover{border-color:#0284c7;border-color:var(--primary-500)}.category-btn.active{background:#0369a1;background:var(--primary-600);color:#fff}.popular-banner{background:linear-gradient(135deg,#334155,#475569);background:var(--gradient-secondary);border-radius:1rem;border-radius:var(--radius-xl);color:#fff;margin-bottom:3rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-xl)}.banner-content{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg)}.banner-icon{color:var(--accent-amber);flex-shrink:0}.banner-text h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.banner-text p{opacity:.9}.shop-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem;margin-bottom:var(--space-2xl)}.shop-item{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.shop-item:hover:not(.out-of-stock){border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.shop-item.out-of-stock{opacity:.6}.popular-badge{background:var(--accent-amber);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md);z-index:1}.item-image,.popular-badge{align-items:center;display:flex}.item-image{background:linear-gradient(135deg,#059669,#0284c7);background:var(--gradient-accent);height:200px;justify-content:center;position:relative}.item-emoji{font-size:4rem}.item-content{flex:1 1;padding:1.5rem;padding:var(--space-lg)}.item-name{color:#f1f5f9;color:var(--dark-text);font-size:1.125rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.item-description{color:#94a3b8;color:var(--dark-text-secondary);line-height:1.5;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.item-rating{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.stars{display:flex;gap:2px}.stars .filled{fill:var(--accent-amber);color:var(--accent-amber)}.stars .empty{color:#9ca3af;color:var(--gray-400)}.rating-value{color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem;font-weight:500}.item-footer{align-items:center;background:#334155;background:var(--dark-surface-2);border-top:1px solid #334155;border-top:1px solid var(--dark-border);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-lg);transition:all .3s ease}.item-price{align-items:flex-start;display:flex;flex-direction:column}.price-value{color:var(--accent-amber);font-size:1.25rem;font-weight:700}.price-label{color:#94a3b8;color:var(--dark-text-secondary);font-size:.75rem}.purchase-btn{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.purchase-btn:not(:disabled){background:#0369a1;background:var(--primary-600);color:#fff}.purchase-btn:not(:disabled):hover{background:#0284c7;background:var(--primary-500);transform:translateY(-1px)}.purchase-btn:disabled{background:#4b5563;background:var(--gray-600);color:#9ca3af;color:var(--gray-400);cursor:not-allowed}.purchase-btn.purchased{background:#059669;background:var(--accent-success);color:#fff}.purchase-btn.out-of-stock{background:#475569;background:var(--dark-surface-3);color:var(--dark-text-muted)}.purchase-btn.insufficient{background:#dc2626;background:var(--accent-error);color:#fff}.earn-points-cta{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);padding:3rem;padding:var(--space-2xl);text-align:center}.cta-content{align-items:center;display:flex;gap:2rem;gap:var(--space-xl);justify-content:space-between}.cta-text{text-align:left}.cta-text h3{color:#f1f5f9;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.cta-text p{color:#94a3b8;color:var(--dark-text-secondary);line-height:1.6}.cta-btn{white-space:nowrap}@media (max-width:768px){.page-header{text-align:center}.balance-value{font-size:1.5rem}.categories-list{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.category-btn{white-space:nowrap}.banner-content{flex-direction:column;gap:1rem;gap:var(--space-md);text-align:center}.shop-grid{grid-template-columns:1fr}.cta-content{flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.cta-content,.cta-text{text-align:center}}.profile-page{padding:3rem 0;padding:var(--space-2xl) 0}.profile-header{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1.5rem;border-radius:var(--radius-2xl);margin-bottom:3rem;margin-bottom:var(--space-2xl);overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative}.profile-header:before{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-info{align-items:flex-start;display:flex;gap:3rem;gap:var(--space-2xl)}.profile-avatar{flex-shrink:0}.avatar-placeholder.large{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow);color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;width:120px}.profile-details{flex:1 1}.profile-display{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.profile-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0}.profile-grade{font-size:1.125rem;margin:0}.profile-grade,.profile-subjects{color:#94a3b8;color:var(--dark-text-secondary)}.profile-subjects{margin:1rem 0;margin:var(--space-md) 0}.edit-profile-btn{align-items:center;align-self:flex-start;background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--dark-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.edit-profile-btn:hover{background:#374151;background:var(--gray-700);border-color:#0284c7;border-color:var(--primary-500)}.edit-form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);max-width:400px}.edit-input,.edit-select{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--dark-text);font-size:1rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.name-input{font-size:1.25rem;font-weight:600}.edit-actions{display:flex;gap:1rem;gap:var(--space-md)}.profile-content,.profile-stats{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.profile-content{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.achievements-section,.activity-section{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-xl)}.section-header{justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#f1f5f9;color:var(--dark-text);font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--space-sm)}.achievements-count{background:#0369a1;background:var(--primary-600);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.achievements-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:1fr}.achievement-card{align-items:center;background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);padding:1rem;padding:var(--space-md);position:relative;transition:all .2s ease}.achievement-card.earned{background:#0596690d;border:1px solid #059669;border:1px solid var(--accent-success)}.achievement-card.locked{opacity:.5}.achievement-card.earned:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateX(4px)}.achievement-icon{font-size:1.5rem;text-align:center;width:40px}.achievement-info{flex:1 1}.achievement-name{color:#f1f5f9;color:var(--dark-text);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.achievement-description{color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem;margin:0}.achievement-badge{color:var(--accent-amber)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:1rem;gap:var(--space-md)}.activity-item{align-items:center;background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-md);transition:all .2s ease}.activity-item:hover{background:#475569;background:var(--dark-surface-3);box-shadow:var(--shadow-dark-sm);transform:translateX(4px)}.activity-date{background:#1e293b;background:var(--dark-surface);border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--dark-text-secondary);font-size:.75rem;min-width:50px;padding:.25rem;padding:var(--space-xs);text-align:center}.activity-content{flex:1 1}.activity-action{color:#f1f5f9;color:var(--dark-text);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.activity-subject{color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem}.activity-score{color:var(--accent-emerald);font-size:.75rem;font-weight:500}.activity-icon{font-size:1.25rem;text-align:center;width:32px}.progress-summary{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);color:#fff;padding:3rem;padding:var(--space-2xl);text-align:center}.summary-content{align-items:center;display:flex;gap:2rem;gap:var(--space-xl);justify-content:space-between}.summary-text{text-align:left}.summary-text h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.summary-text p{line-height:1.6;opacity:.9}.summary-actions{display:flex;gap:1rem;gap:var(--space-md);white-space:nowrap}.summary-actions .btn{background:#fff;color:#0369a1;color:var(--primary-600)}.summary-actions .btn-secondary{background:#0000;border:1px solid #ffffff4d;color:#fff}.summary-actions .btn:hover{transform:translateY(-2px)}@media (max-width:768px){.profile-info{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--space-lg);text-align:center}.avatar-placeholder.large{font-size:2rem;height:100px;width:100px}.profile-name{font-size:1.5rem}.achievements-grid,.profile-content{grid-template-columns:1fr}.summary-content{flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.summary-content,.summary-text{text-align:center}.summary-actions{flex-wrap:wrap;justify-content:center}}.test-page{min-height:100vh;padding:2rem 0;padding:var(--space-xl) 0}.test-header{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.test-header,.test-info{align-items:center;display:flex}.test-info{gap:1.5rem;gap:var(--space-lg)}.back-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm);padding:.5rem;padding:var(--space-sm);transition:all .2s ease}.back-btn:hover{background:#334155;background:var(--dark-surface-2);color:#f1f5f9;color:var(--dark-text)}.test-title-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.test-title{color:#f1f5f9;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin:0}.test-subject{color:#0ea5e9;color:var(--primary-400);font-weight:500}.test-controls{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg)}.timer{font-size:1.125rem;font-weight:600}.help-btn,.timer{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.help-btn{background:#0369a1;background:var(--primary-600);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.help-btn:hover{background:#0284c7;background:var(--primary-500);transform:translateY(-1px)}.test-progress{align-items:center;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.test-progress .progress-bar{flex:1 1;height:8px}.progress-text{color:#94a3b8;color:var(--dark-text-secondary);font-weight:500;min-width:80px;text-align:right}.question-card{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1.5rem;border-radius:var(--radius-2xl);margin-bottom:3rem;margin-bottom:var(--space-2xl);padding:3rem;padding:var(--space-2xl);position:relative}.question-header{margin-bottom:2rem;margin-bottom:var(--space-xl)}.question-number{border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.help-icon{color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;transition:color .2s ease}.help-icon:hover{color:#0ea5e9;color:var(--primary-400)}.question-text{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-xl)}.answer-options{flex-direction:column}.answer-options,.option-label{display:flex;gap:1rem;gap:var(--space-md)}.option-label{align-items:center;background:#334155;background:var(--dark-surface-2);border:2px solid #334155;border:2px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;padding:var(--space-lg);transition:all .2s ease}.option-label:hover{background:#374151;background:var(--gray-700);border-color:#0284c7;border-color:var(--primary-500)}.option-label input[type=radio]{accent-color:#0284c7;accent-color:var(--primary-500);height:20px;width:20px}.option-label input[type=radio]:checked+.option-text{color:#0ea5e9;color:var(--primary-400);font-weight:600}.option-text{flex:1 1;font-size:1rem;line-height:1.5}.input-answer{margin-top:1.5rem;margin-top:var(--space-lg)}.answer-input{background:#334155;background:var(--dark-surface-2);border:2px solid #334155;border:2px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--dark-text);font-size:1rem;padding:1.5rem;padding:var(--space-lg);transition:all .2s ease;width:100%}.answer-input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.test-navigation{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.nav-btn,.test-navigation{align-items:center;display:flex}.nav-btn{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.next-btn,.prev-btn{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);color:#f1f5f9;color:var(--dark-text)}.next-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled){background:#374151;background:var(--gray-700);border-color:#0284c7;border-color:var(--primary-500)}.prev-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{color:#fff}.submit-btn,.submit-btn:hover{background:var(--accent-emerald)}.submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.question-dots{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center}.question-dot{background:#334155;background:var(--dark-surface-2);border:2px solid #334155;border:2px solid var(--dark-border);border-radius:50%;color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;font-weight:500;height:40px;transition:all .2s ease;width:40px}.question-dot:hover{color:#f1f5f9;color:var(--dark-text)}.question-dot.current,.question-dot:hover{border-color:#0284c7;border-color:var(--primary-500)}.question-dot.current{background:#0369a1;background:var(--primary-600);color:#fff}.question-dot.answered{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff}.test-results{min-height:100vh;padding:3rem 0;padding:var(--space-2xl) 0}.results-card{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1.5rem;border-radius:var(--radius-2xl);padding:3rem;padding:var(--space-2xl);text-align:center}.results-card,.results-header{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.score-circle{align-items:center;border:4px solid;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);position:relative;width:120px}.score-value{font-size:2.5rem;font-weight:800;line-height:1}.score-max{font-size:1rem;opacity:.7}.results-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.results-subtitle{color:#94a3b8;color:var(--dark-text-secondary);font-size:1.125rem}.results-stats{grid-gap:1.5rem;grid-gap:var(--space-lg);background:#334155;background:var(--dark-surface-2);border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:3rem;margin-bottom:var(--space-2xl);padding:1.5rem;padding:var(--space-lg)}.stat-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.stat-label{color:#94a3b8;color:var(--dark-text-secondary)}.stat-value{color:#f1f5f9;color:var(--dark-text);font-size:1.25rem;font-weight:700}.stat-value.points{color:var(--accent-amber)}.results-actions{display:flex;gap:1rem;gap:var(--space-md);justify-content:center}.detailed-results{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-xl)}.detailed-results h3{color:#f1f5f9;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-xl)}.question-result{background:#334155;background:var(--dark-surface-2);border-left:4px solid;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.question-result.correct{border-left-color:var(--accent-emerald)}.question-result.incorrect{border-left-color:var(--accent-rose)}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.question-number{background:#0369a1;background:var(--primary-600);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.result-icon.correct{color:var(--accent-emerald)}.result-icon.incorrect{color:var(--accent-rose)}.question-text{color:#f1f5f9;color:var(--dark-text);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}.answer-options .option{background:#1e293b;background:var(--dark-surface);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.option.correct-answer{background:#10b9811a;border:1px solid var(--accent-emerald);color:var(--accent-emerald)}.option.user-answer:not(.correct-answer){background:#f43f5e1a;border:1px solid var(--accent-rose);color:var(--accent-rose)}.input-answers{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.answer-row{align-items:center;display:flex;justify-content:space-between}.correct-answer{color:var(--accent-emerald);font-weight:600}.incorrect-answer{color:var(--accent-rose);font-weight:600}.explanation{background:#1e293b;background:var(--dark-surface);border-left:3px solid #0284c7;border-left:3px solid var(--primary-500);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.6;padding:1rem;padding:var(--space-md)}@media (max-width:768px){.test-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--space-md)}.test-info{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.test-controls{justify-content:space-between}.question-dots{margin-bottom:1rem;margin-bottom:var(--space-md);order:-1}.test-navigation{flex-direction:column;gap:1rem;gap:var(--space-md)}.results-stats{grid-template-columns:1fr}.results-actions{flex-direction:column}}.theme-toggle{padding:.5rem;padding:var(--space-sm)}[data-theme=light]{--dark-bg:#fff;--dark-surface:#f8fafc;--dark-surface-2:#f1f5f9;--dark-border:#e2e8f0;--dark-text:#1e293b;--dark-text-secondary:#64748b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #3b82f626}[data-theme=light] .header{background:#fffffff2;border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border)}[data-theme=light] .chat-overlay{background:#0000004d}[data-theme=light] .message.ai .message-bubble{background:var(--gray-100);border:1px solid #334155;border:1px solid var(--dark-border)}[data-theme=light] .message.user .message-bubble{background:#0369a1;background:var(--primary-600);color:#fff}[data-theme=light] .answer-input,[data-theme=light] .chat-input,[data-theme=light] .edit-input,[data-theme=light] .filter-select,[data-theme=light] .search-input{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border);color:#f1f5f9;color:var(--dark-text)}[data-theme=light] .answer-input:focus,[data-theme=light] .chat-input:focus,[data-theme=light] .edit-input:focus,[data-theme=light] .search-input:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .theme-toggle{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}[data-theme=light] .theme-toggle:hover{background:var(--gray-50);border-color:#0284c7;border-color:var(--primary-500);color:#f1f5f9;color:var(--dark-text)}[data-theme=light] .category-btn{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}[data-theme=light] .category-btn:hover{background:var(--gray-50);border-color:#0284c7;border-color:var(--primary-500);color:#f1f5f9;color:var(--dark-text)}[data-theme=light] .chat-close-btn,[data-theme=light] .voice-btn{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}[data-theme=light] .chat-close-btn:hover,[data-theme=light] .voice-btn:hover{background:var(--gray-50);color:#f1f5f9;color:var(--dark-text)}[data-theme=light] .achievements-section,[data-theme=light] .activity-section,[data-theme=light] .detailed-results,[data-theme=light] .question-card,[data-theme=light] .recent-tests-section,[data-theme=light] .results-card,[data-theme=light] .shop-item,[data-theme=light] .stat-card,[data-theme=light] .subject-card,[data-theme=light] .subjects-section,[data-theme=light] .test-card,[data-theme=light] .welcome-section{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}[data-theme=light] .shop-item:hover,[data-theme=light] .stat-card:hover,[data-theme=light] .subject-card:hover,[data-theme=light] .test-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}[data-theme=light] .achievement-card,[data-theme=light] .activity-item,[data-theme=light] .chat-header,[data-theme=light] .chat-input-container,[data-theme=light] .item-footer,[data-theme=light] .question-result,[data-theme=light] .subject-item,[data-theme=light] .test-card-footer,[data-theme=light] .test-result-item{background:var(--gray-50)}[data-theme=light] .activity-item:hover,[data-theme=light] .subject-item:hover,[data-theme=light] .test-result-item:hover{background:var(--gray-100)}[data-theme=light] .progress-bar{background:var(--gray-200)}[data-theme=light] .points-display,[data-theme=light] .suggestion-btn,[data-theme=light] .test-subject-badge{background:var(--gray-100);border:1px solid #334155;border:1px solid var(--dark-border)}[data-theme=light] .suggestion-btn:hover{background:var(--gray-200);border-color:#0284c7;border-color:var(--primary-500)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--gray-100)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--gray-300)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}[data-theme=light] .test-navigation .question-dot{background:var(--gray-200);border:1px solid #334155;border:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}[data-theme=light] .test-navigation .question-dot.current{background:#0369a1;background:var(--primary-600);color:#fff}[data-theme=light] .test-navigation .question-dot.answered{background:var(--accent-emerald);color:#fff}[data-theme=light] .option-label{background:#fff;border:1px solid #334155;border:1px solid var(--dark-border)}[data-theme=light] .option-label:hover{background:var(--gray-50);border-color:#0284c7;border-color:var(--primary-500)}[data-theme=light] .option-label input:checked+.option-text{background:var(--primary-50);border-color:#0284c7;border-color:var(--primary-500)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.theme-toggle{align-items:center;background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle:hover{background:#334155;background:var(--dark-surface-2);border-color:#0284c7;border-color:var(--primary-500);color:#f1f5f9;color:var(--dark-text);transform:scale(1.05)}.App.light{--current-bg:var(--light-bg);--current-surface:var(--light-surface);--current-surface-2:var(--light-surface-2);--current-border:var(--light-border);--current-text:var(--light-text);--current-text-secondary:var(--light-text-secondary)}.App.dark{--current-bg:var(--dark-bg);--current-surface:var(--dark-surface);--current-surface-2:var(--dark-surface-2);--current-border:var(--dark-border);--current-text:var(--dark-text);--current-text-secondary:var(--dark-text-secondary)}.App.light .header{background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border)}.App.light .nav-item{color:#64748b;color:var(--light-text-secondary)}.App.light .nav-item:hover{background:#fff;background:var(--light-surface);color:#1e293b;color:var(--light-text)}.App.light .points-display,.App.light .theme-toggle{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .theme-toggle:hover{background:#f8fafc;background:var(--light-surface-2)}.App.light .points-value,.App.light .theme-toggle:hover{color:#1e293b;color:var(--light-text)}.App.light .chat-container,.App.light .recent-tests-section,.App.light .shop-item,.App.light .stat-card,.App.light .subjects-section,.App.light .test-card,.App.light .welcome-section{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .page-subtitle,.App.light .stat-label,.App.light .subject-tests,.App.light .test-topic,.App.light .welcome-subtitle{color:#475569}.App.light .item-name,.App.light .page-title,.App.light .section-title,.App.light .test-title,.App.light .welcome-title{color:#1e293b;color:var(--light-text)}.App.light .chat-header,.App.light .chat-input-container,.App.light .subject-item,.App.light .test-card-footer,.App.light .test-result-item{background:#f8fafc;background:var(--light-surface-2)}.App.light .subject-item:hover,.App.light .test-result-item:hover{background:#e2e8f0}.App.light .progress-bar{background:#f8fafc;background:var(--light-surface-2)}.App.light .chat-input,.App.light .search-input{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#1e293b;color:var(--light-text)}.App.light .chat-input::placeholder,.App.light .filter-item,.App.light .search-input::placeholder{color:#64748b;color:var(--light-text-secondary)}.App.light .filter-item{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .filter-select{color:#1e293b;color:var(--light-text)}.App.light .category-btn{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .category-btn:hover,.App.light .message.ai .message-avatar{background:#f8fafc;background:var(--light-surface-2);color:#1e293b;color:var(--light-text)}.App.light .message-bubble{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.App.light .suggestion-btn,.App.light .voice-btn{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .suggestion-btn:hover,.App.light .voice-btn:hover{background:#f8fafc;background:var(--light-surface-2);color:#1e293b;color:var(--light-text)}.App.light .loading-skeleton{background:linear-gradient(90deg,#fff 25%,#f8fafc 50%,#fff 75%);background:linear-gradient(90deg,var(--light-surface) 25%,var(--light-surface-2) 50%,var(--light-surface) 75%)}.App.light .no-results{color:#64748b;color:var(--light-text-secondary)}.App.light .no-results h3{color:#1e293b;color:var(--light-text)}.App.light{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}@media (max-width:768px){.theme-toggle{height:36px;width:36px}}.welcome-section:after{background:linear-gradient(90deg,#0000,var(--dark-border-light),#0000);bottom:0;content:"";height:1px;left:2rem;left:var(--space-xl);position:absolute;right:2rem;right:var(--space-xl)}.stat-card:after{background:linear-gradient(135deg,#0284c70d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:after{opacity:1}.subject-item:before{background:#0284c7;background:var(--primary-500);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.subject-item{position:relative}.subject-item:hover:before{height:60%}.test-result-item:before{background:#059669;background:var(--accent-success);border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.test-result-item{position:relative}.test-result-item:hover:before{height:60%}.ai-promo{border:1px solid #0284c733;box-shadow:var(--shadow-dark-lg)}.nav-item.active{box-shadow:inset 0 0 0 1px #0284c733}.header{border-bottom:1px solid var(--dark-border-light)}.mini-stat{overflow:hidden;position:relative}.mini-stat:before{background:#0284c7;background:var(--primary-500);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.mini-stat:hover:before{transform:scaleX(1)}.section-header{padding-bottom:.5rem;padding-bottom:var(--space-sm);position:relative}.section-header:after{background:#0284c7;background:var(--primary-500);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.progress-bar{overflow:hidden;position:relative}.progress-bar:before{animation:shimmer-progress 2s infinite;background:linear-gradient(90deg,#0000,#0284c71a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer-progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.btn-primary{overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.test-card{position:relative}.test-card:after{background:linear-gradient(135deg,#0284c705,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.test-card:hover:after{opacity:1}.input:focus,.search-input:focus{box-shadow:0 0 0 3px #0284c726}@media (max-width:768px){.welcome-section:after{left:1rem;left:var(--space-md);right:1rem;right:var(--space-md)}.subject-item:before,.test-result-item:before{width:2px}.section-header:after{width:30px}}.App.light .item-price,.App.light .price-value{color:#1e293b;color:var(--light-text)}.App.light .price-label{color:#64748b;color:var(--light-text-secondary)}.App.light .purchase-btn:not(:disabled){background:#0369a1;background:var(--primary-600);color:#fff}.App.light .purchase-btn:not(:disabled):hover{background:#0284c7;background:var(--primary-500)}.App.light .purchase-btn:disabled{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .purchase-btn.purchased{background:#059669;background:var(--accent-success);color:#fff}.App.light .purchase-btn.out-of-stock{background:#f8fafc;background:var(--light-surface-2);border:1px solid #e2e8f0;border:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary)}.App.light .purchase-btn.insufficient{background:#dc2626;background:var(--accent-error);color:#fff}.App.light .item-name{color:#1e293b;color:var(--light-text)}.App.light .item-description,.App.light .item-rating{color:#64748b;color:var(--light-text-secondary)}.App.light .rating-value{color:#1e293b;color:var(--light-text)}.App.light .popular-banner{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a}.App.light .banner-text h3{color:#fff}.App.light .banner-text p{color:#ffffffe6}.App.light .popular-badge{background:#d97706;background:var(--accent-warning);color:#fff}.App.light .earn-points-cta{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);box-shadow:0 1px 3px 0 #0000001a}.App.light .cta-content h3{color:#1e293b;color:var(--light-text)}.App.light .cta-content p{color:#64748b;color:var(--light-text-secondary)}.App.light .shop-page .shop-item .item-footer{background:#f8fafc!important;background:var(--light-surface-2)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--light-border)!important}.App.light .shop-page .shop-item .item-footer,.App.light .shop-page .shop-item .item-price,.App.light .shop-page .shop-item .price-value{color:#1e293b!important;color:var(--light-text)!important}.App.light .shop-page .shop-item .price-label{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .item-footer,.App.light .shop-item .item-footer{background:#f8fafc!important;background:var(--light-surface-2)!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--light-border)!important}.user-avatar-link{text-decoration:none;transition:transform .2s ease}.user-avatar-link:hover{transform:scale(1.05)}.user-avatar-link:hover .user-avatar{box-shadow:0 0 0 3px #0284c74d}.App.light .points-label,.App.light .stat-item,.App.light .test-stats .stat-item{color:#475569!important;color:var(--secondary-600)!important}.App.light .points-value{color:#1e293b!important;color:var(--light-text)!important}.App.light .test-page{background:#fff!important;background:var(--light-bg)!important}.App.light .test-header,.App.light .test-page{color:#1e293b!important;color:var(--light-text)!important}.App.light .test-header{background:#fff!important;background:var(--light-surface)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .back-btn{color:#1e293b!important;color:var(--light-text)!important}.App.light .back-btn:hover{color:#0369a1!important;color:var(--primary-600)!important}.App.light .question-card,.App.light .test-controls,.App.light .timer{color:#1e293b!important;color:var(--light-text)!important}.App.light .question-card{background:#fff!important;background:var(--light-surface)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;box-shadow:0 1px 3px 0 #0000001a!important}.App.light .option-label,.App.light .question-text,.App.light .question-title{color:#1e293b!important;color:var(--light-text)!important}.App.light .option-label{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .option-label:hover{background:#f1f5f9!important;background:var(--secondary-100)!important;border-color:#0284c7!important;border-color:var(--primary-500)!important}.App.light .option-label input:checked+.option-text{background:#0284c71a!important;border-color:#0284c7!important;border-color:var(--primary-500)!important;color:#075985!important;color:var(--primary-700)!important}.App.light .option-text{color:#1e293b!important;color:var(--light-text)!important}.App.light .test-navigation{background:#fff!important;background:var(--light-surface)!important}.App.light .question-dot,.App.light .test-navigation{border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .question-dot{background:#f8fafc!important;background:var(--light-surface-2)!important;color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .question-dot.current{background:#0369a1!important;background:var(--primary-600)!important;color:#fff!important}.App.light .question-dot.answered{background:#059669!important;background:var(--accent-success)!important;color:#fff!important}.App.light .help-icon,.App.light .progress-indicator{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .help-icon:hover{color:#0369a1!important;color:var(--primary-600)!important}.App.light .submit-btn{color:#fff!important}.App.light .submit-btn,.App.light .submit-btn:hover{background:#059669!important;background:var(--accent-success)!important}.App.light .submit-btn:hover{filter:brightness(1.1)!important}.App.light .next-btn,.App.light .prev-btn{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .next-btn:hover,.App.light .prev-btn:hover{background:#f1f5f9!important;background:var(--secondary-100)!important;border-color:#0284c7!important;border-color:var(--primary-500)!important}.App.light .test-progress{background:#f8fafc!important;background:var(--light-surface-2)!important}.App.light .progress-fill{background:#0369a1!important;background:var(--primary-600)!important}.App.light .answer-input{background:#fff!important;background:var(--light-surface)!important;border:2px solid #e2e8f0!important;border:2px solid var(--light-border)!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .answer-input:focus{border-color:#0284c7!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #0284c71a!important}.App.light .answer-input::placeholder{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .input-answer{background:#0000!important;border:none!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .input-answer:focus{border-color:#0284c7!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #0284c71a!important}.App.light .input-answers input,.App.light .input-answers textarea{background:#fff!important;background:var(--light-surface)!important;border:2px solid #e2e8f0!important;border:2px solid var(--light-border)!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .input-answers input:focus,.App.light .input-answers textarea:focus{border-color:#0284c7!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #0284c71a!important}.App.light .input-answers input::placeholder,.App.light .input-answers textarea::placeholder{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .test-results{background:#fff!important;background:var(--light-bg)!important}.App.light .results-card,.App.light .test-results{color:#1e293b!important;color:var(--light-text)!important}.App.light .results-card{background:#fff!important;background:var(--light-surface)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;box-shadow:0 1px 3px 0 #0000001a!important}.App.light .results-header h1{color:#1e293b!important;color:var(--light-text)!important}.App.light .results-header p{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .score-circle,.App.light .score-value{color:#1e293b!important;color:var(--light-text)!important}.App.light .score-label{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .results-stats{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .stat-item h4{color:#1e293b!important;color:var(--light-text)!important}.App.light .stat-item p{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .detailed-results{background:#fff!important;background:var(--light-surface)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;box-shadow:0 1px 3px 0 #0000001a!important}.App.light .detailed-results,.App.light .detailed-results h3,.App.light .question-result{color:#1e293b!important;color:var(--light-text)!important}.App.light .question-result{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important}.App.light .question-result.correct{background:#0596690d!important;border-left-color:#059669!important;border-left-color:var(--accent-success)!important}.App.light .question-result.incorrect{background:#dc26260d!important;border-left-color:#dc2626!important;border-left-color:var(--accent-error)!important}.App.light .question-result h4{color:#1e293b!important;color:var(--light-text)!important}.App.light .question-result p{color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .result-icon.correct{color:#059669!important;color:var(--accent-success)!important}.App.light .result-icon.incorrect{color:#dc2626!important;color:var(--accent-error)!important}.App.light .correct-answer{color:#059669!important;color:var(--accent-success)!important}.App.light .incorrect-answer{color:#dc2626!important;color:var(--accent-error)!important}.App.light .user-answer{color:#1e293b!important;color:var(--light-text)!important}.App.light .explanation{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;color:#64748b!important;color:var(--light-text-secondary)!important}.App.light .results-actions{background:#0000!important;border:none!important}.App.light .btn-secondary{background:#f8fafc!important;background:var(--light-surface-2)!important;border:1px solid #e2e8f0!important;border:1px solid var(--light-border)!important;color:#1e293b!important;color:var(--light-text)!important}.App.light .btn-secondary:hover{background:#f1f5f9!important;background:var(--secondary-100)!important;border-color:#0284c7!important;border-color:var(--primary-500)!important}.progress-fill-shimmer:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.landing-page{min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.App.dark .landing-header{background:#0a0a0af2;border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border)}.landing-header .container{height:100%}.landing-header .landing-nav{gap:1.5rem;gap:var(--space-lg)}.landing-header .landing-nav a{color:#64748b;color:var(--light-text-secondary);font-weight:500;text-decoration:none;transition:color .2s ease}.landing-header .landing-nav a:hover{color:#1e293b;color:var(--light-text)}.App.dark .landing-header .landing-nav a{color:#94a3b8;color:var(--dark-text-secondary)}.App.dark .landing-header .landing-nav a:hover{color:#f1f5f9;color:var(--dark-text)}.header-actions{display:flex;gap:1rem;gap:var(--space-md)}.hero-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:120px 0 80px}.App.dark .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.hero-content{grid-gap:3rem;grid-gap:var(--space-2xl);align-items:center;display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.hero-subtitle{color:#64748b;color:var(--light-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.App.dark .hero-subtitle{color:#94a3b8;color:var(--dark-text-secondary)}.hero-stats{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:#64748b;color:var(--light-text-secondary);font-size:.875rem;margin-top:.25rem;margin-top:var(--space-xs)}.App.dark .stat-label{color:#94a3b8;color:var(--dark-text-secondary)}.hero-actions{display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.btn-large{font-size:1.125rem;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.hero-note{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.App.dark .hero-note{color:#94a3b8;color:var(--dark-text-secondary)}.hero-visual{position:relative}.hero-mockup{background:#fff;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}.App.dark .hero-mockup{background:#1e293b;background:var(--dark-surface)}.mockup-header{background:#f8fafc;background:var(--light-surface-2);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);padding:1rem;padding:var(--space-md)}.App.dark .mockup-header{background:#334155;background:var(--dark-surface-2);border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border)}.mockup-dots{display:flex;gap:.25rem;gap:var(--space-xs)}.mockup-dots span{background:#9ca3af;background:var(--gray-400);border-radius:50%;height:12px;width:12px}.mockup-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);padding:2rem;padding:var(--space-xl)}.mockup-card{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-lg);text-align:center}.App.dark .mockup-card{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border)}.card-icon{font-size:2rem}.card-icon,.mockup-card h3{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mockup-card h3{font-size:1.125rem;font-weight:600}.progress-demo{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.progress-demo .progress-bar{flex:1 1}.floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-element{animation:float 3s ease-in-out infinite;animation-delay:var(--delay);font-size:2rem;position:absolute}.floating-element:first-child{left:10%;top:10%}.floating-element:nth-child(2){right:20%;top:20%}.floating-element:nth-child(3){bottom:30%;left:20%}.floating-element:nth-child(4){bottom:20%;right:10%}.features-section,.how-it-works-section,.testimonials-section{padding:80px 0}.section-header{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-md)}.section-subtitle{color:#64748b;color:var(--light-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.App.dark .section-subtitle{color:#94a3b8;color:var(--dark-text-secondary)}.features-grid{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-2xl);text-align:center;transition:transform .3s ease}.App.dark .feature-card{background:#1e293b;background:var(--dark-surface)}.feature-card:hover{transform:translateY(-8px)}.feature-icon{height:80px;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);transition:all .3s ease;width:80px}.feature-icon:hover{transform:translateY(-4px)}.feature-icon img{height:64px;opacity:.9;transition:all .3s ease;width:64px}.feature-icon:hover img{opacity:1;transform:scale(1.05)}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.feature-description{color:#64748b;color:var(--light-text-secondary);line-height:1.6}.App.dark .feature-description{color:#94a3b8;color:var(--dark-text-secondary)}.steps-grid{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);position:relative}.step-card{position:relative;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);width:80px}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.step-description{color:#64748b;color:var(--light-text-secondary);line-height:1.6}.App.dark .step-description{color:#94a3b8;color:var(--dark-text-secondary)}.step-arrow{color:#0284c7;color:var(--primary-500);position:absolute;right:-40px;top:40px}.testimonials-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-xl)}.App.dark .testimonial-card{background:#1e293b;background:var(--dark-surface)}.testimonial-rating{display:flex;gap:4px;margin-bottom:1rem;margin-bottom:var(--space-md)}.star-filled{fill:var(--accent-amber);color:var(--accent-amber)}.testimonial-text{font-style:italic;line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.testimonial-author{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.author-avatar{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.author-avatar,.author-name{font-weight:600}.author-grade{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.App.dark .author-grade{color:#94a3b8;color:var(--dark-text-secondary)}.cta-section{background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);color:#fff;padding:80px 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-md)}.cta-subtitle{color:#fff!important;font-size:1.125rem;line-height:1.6;margin-bottom:3rem;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px}.quick-signup-form{margin:0 auto 1.5rem;margin:0 auto var(--space-lg);max-width:500px}.form-group{display:flex;gap:1rem;gap:var(--space-md)}.email-input{border:none;border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:1rem;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.cta-note{font-size:.875rem;opacity:.8}.landing-footer{background:#fff;background:var(--light-surface);padding:60px 0 30px}.App.dark .landing-footer{background:#1e293b;background:var(--dark-surface)}.footer-content{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr 2fr;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.footer-description{color:#64748b;color:var(--light-text-secondary);margin-top:1rem;margin-top:var(--space-md)}.App.dark .footer-description{color:#94a3b8;color:var(--dark-text-secondary)}.footer-links{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}.footer-column h4{font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.footer-column a{color:#64748b;color:var(--light-text-secondary);text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#1e293b;color:var(--light-text)}.App.dark .footer-column a{color:#94a3b8;color:var(--dark-text-secondary)}.App.dark .footer-column a:hover{color:#f1f5f9;color:var(--dark-text)}.footer-bottom{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--light-border);color:#64748b;color:var(--light-text-secondary);display:flex;justify-content:space-between;padding-top:1.5rem;padding-top:var(--space-lg)}.App.dark .footer-bottom{border-top:1px solid #334155;border-top:1px solid var(--dark-border);color:#94a3b8;color:var(--dark-text-secondary)}.footer-legal{display:flex;gap:1.5rem;gap:var(--space-lg)}.footer-legal a{color:#64748b;color:var(--light-text-secondary);text-decoration:none}.footer-legal a:hover{color:#1e293b;color:var(--light-text)}.App.dark .footer-legal a{color:#94a3b8;color:var(--dark-text-secondary)}.App.dark .footer-legal a:hover{color:#f1f5f9;color:var(--dark-text)}.auth-page{align-items:flex-start;background:#fff;background:var(--light-bg);display:flex;justify-content:center;min-height:100vh;padding:0}.App.dark .auth-page{background:#0f172a;background:var(--dark-bg)}.auth-container{margin:0 auto;max-width:1200px;padding:0;width:100%}.auth-header{left:1.5rem;left:var(--space-lg);position:absolute;top:1.5rem;top:var(--space-lg);z-index:10}.back-link{align-items:center;color:#64748b;color:var(--light-text-secondary);display:inline-flex;font-weight:500;gap:.5rem;gap:var(--space-sm);text-decoration:none;transition:color .2s ease}.back-link:hover{color:#1e293b;color:var(--light-text)}.App.dark .back-link{color:#94a3b8;color:var(--dark-text-secondary)}.App.dark .back-link:hover{color:#f1f5f9;color:var(--dark-text)}.auth-content{grid-gap:0;background:#fff;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:100vh;overflow:visible}.App.dark .auth-content{background:#1e293b;background:var(--dark-surface)}.auth-form-section{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:480px;min-height:100vh;overflow-y:auto;padding:3rem;padding:var(--space-2xl);padding-bottom:10vh;padding-top:10vh}.auth-form-header{margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:left}.auth-title{color:#1e293b;color:var(--light-text);font-size:2rem;font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.App.dark .auth-title{color:#f1f5f9;color:var(--dark-text)}.auth-subtitle{color:#64748b;color:var(--light-text-secondary);font-size:1rem;line-height:1.6}.App.dark .auth-subtitle{color:#94a3b8;color:var(--dark-text-secondary)}.auth-form{gap:2rem;gap:var(--space-xl)}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem;gap:var(--space-sm)}.error-message{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:.75rem;border-radius:var(--radius-lg);color:var(--accent-rose);font-size:.875rem;padding:1rem;padding:var(--space-md)}.form-label{display:block;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.input-wrapper{position:relative}.input-icon{color:#64748b;color:var(--light-text-secondary);left:1rem;left:var(--space-md);position:absolute;top:50%;transform:translateY(-50%)}.App.dark .input-icon{color:#94a3b8;color:var(--dark-text-secondary)}.form-input,.form-select{background:#fff;background:var(--light-bg);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;padding:1rem 1rem 1rem 3rem;padding:var(--space-md) var(--space-md) var(--space-md) 3rem;transition:all .2s ease;width:100%}.App.dark .form-input,.App.dark .form-select{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);color:#f1f5f9;color:var(--dark-text)}.form-input:focus,.form-select:focus{border-color:#0284c7;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-toggle{background:none;border:none;color:#64748b;color:var(--light-text-secondary);cursor:pointer;position:absolute;right:1rem;right:var(--space-md);top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#1e293b;color:var(--light-text)}.App.dark .password-toggle{color:#94a3b8;color:var(--dark-text-secondary)}.App.dark .password-toggle:hover{color:#f1f5f9;color:var(--dark-text)}.form-options{align-items:center;display:flex;justify-content:space-between}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm)}.checkbox-text{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.App.dark .checkbox-text{color:#94a3b8;color:var(--dark-text-secondary)}.auth-link,.forgot-link,.terms-link{color:#0284c7;color:var(--primary-500);font-weight:500;text-decoration:none}.auth-link:hover,.forgot-link:hover,.terms-link:hover{text-decoration:underline}.btn-full{width:100%}.btn.loading{cursor:not-allowed;opacity:.7}.auth-divider{margin:1.5rem 0;margin:var(--space-lg) 0;position:relative;text-align:center}.auth-divider:before{background:#e2e8f0;background:var(--light-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.App.dark .auth-divider:before{background:#334155;background:var(--dark-border)}.auth-divider span{background:#fff;background:var(--light-bg);color:#64748b;color:var(--light-text-secondary);font-size:.875rem;padding:0 1rem;padding:0 var(--space-md);position:relative;z-index:1}.App.dark .auth-divider span{background:#1e293b;background:var(--dark-surface);color:#94a3b8;color:var(--dark-text-secondary)}.social-auth{flex-direction:column;margin:0 auto 2rem;margin:0 auto var(--space-xl) auto;max-width:400px}.btn-social,.social-auth{display:flex;gap:1rem;gap:var(--space-md)}.btn-social{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--light-text);cursor:pointer;font-weight:500;justify-content:center;min-height:48px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .2s ease;width:100%}.btn-social img{flex-shrink:0}.App.dark .btn-social{background:#334155;background:var(--dark-surface-2);border:1px solid #334155;border:1px solid var(--dark-border);color:#f1f5f9;color:var(--dark-text)}.btn-social:hover{background:#fff;background:var(--light-surface)}.App.dark .btn-social:hover,.btn-social:hover{border-color:#0284c7;border-color:var(--primary-500)}.App.dark .btn-social:hover{background:#1e293b;background:var(--dark-surface)}.btn-social.gosuslugi{background:#06c;border-color:#06c}.btn-social.gosuslugi:hover{background:#0052a3;border-color:#0052a3}.App.dark .btn-social.gosuslugi{background:#06c;border-color:#06c}.App.dark .btn-social.gosuslugi:hover{background:#0052a3;border-color:#0052a3}.btn-social.vk{background:#4c75a3;border-color:#4c75a3;color:#fff}.btn-social.vk:hover{background:#3d5f8a;border-color:#3d5f8a}.App.dark .btn-social.vk{background:#4c75a3;border-color:#4c75a3;color:#fff}.App.dark .btn-social.vk:hover{background:#3d5f8a;border-color:#3d5f8a}.auth-footer{color:#64748b;color:var(--light-text-secondary);margin:1.5rem 0 3rem;margin:var(--space-lg) 0 var(--space-2xl) 0;text-align:center}.App.dark .auth-footer{color:#94a3b8;color:var(--dark-text-secondary)}.auth-visual-section{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:3rem;padding:var(--space-2xl);position:sticky;top:0}@media (max-width:768px){.auth-visual-section{height:auto;min-height:400px;position:static}.auth-form-section{min-height:auto;padding-bottom:3rem;padding-bottom:var(--space-2xl);padding-top:3rem;padding-top:var(--space-2xl)}.auth-content{grid-template-columns:1fr;min-height:auto}.auth-page{align-items:center}.auth-container,.auth-page{padding:1.5rem;padding:var(--space-lg)}.auth-header{left:auto;margin-bottom:1.5rem;margin-bottom:var(--space-lg);position:relative;top:auto}}.visual-content{margin:0 auto;max-width:400px;text-align:center}.visual-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.visual-content h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md);text-shadow:0 1px 2px #0000001a}.visual-content p{color:#fffffff2;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-xl);opacity:1;text-shadow:0 1px 2px #0000001a}.visual-stats{display:flex;gap:2rem;gap:var(--space-xl);justify-content:center}.visual-stat{text-align:center}.visual-stat .stat-number{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:2rem;font-weight:800;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-shadow:0 1px 2px #0003}.visual-stat .stat-label{color:#ffffffe6;font-size:.875rem;text-shadow:0 1px 2px #0000001a}.visual-features{flex-direction:column;margin-top:1.5rem;margin-top:var(--space-lg);width:100%}.visual-feature,.visual-features{display:flex;gap:1rem;gap:var(--space-md)}.visual-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);justify-content:flex-start;min-height:60px;padding:1.5rem;padding:var(--space-lg);transition:all .2s ease}.visual-feature:hover{background:#fff3;transform:translateY(-2px)}.visual-feature span{color:#fff;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.4}.feature-icon{align-items:center;background:#ffffff40;border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;line-height:1;width:36px}.user-menu-wrapper{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm);transition:opacity .2s ease}.user-menu-trigger:hover{opacity:.8}.user-menu-arrow{color:#94a3b8;color:var(--dark-text-secondary);transition:transform .2s ease}.App.light .user-menu-arrow{color:#64748b;color:var(--light-text-secondary)}.user-menu-dropdown{background:#1e293b;background:var(--dark-surface);border:1px solid #334155;border:1px solid var(--dark-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin-top:.5rem;margin-top:var(--space-sm);min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.App.light .user-menu-dropdown{background:#fff;background:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border)}.user-menu-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--dark-border);padding:1rem;padding:var(--space-md)}.App.light .user-menu-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border)}.user-menu-name{color:#f1f5f9;color:var(--dark-text);font-weight:600}.App.light .user-menu-name{color:#1e293b;color:var(--light-text)}.user-menu-grade{color:#94a3b8;color:var(--dark-text-secondary);font-size:.875rem}.App.light .user-menu-grade{color:#64748b;color:var(--light-text-secondary)}.user-menu-divider{background:#334155;background:var(--dark-border);height:1px;margin:.5rem 0;margin:var(--space-sm) 0}.App.light .user-menu-divider{background:#e2e8f0;background:var(--light-border)}.user-menu-item{align-items:center;background:none;border:none;color:#f1f5f9;color:var(--dark-text);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--space-sm);padding:1rem;padding:var(--space-md);text-decoration:none;transition:background-color .2s ease;width:100%}.App.light .user-menu-item{color:#1e293b;color:var(--light-text)}.user-menu-item:hover{background:#334155;background:var(--dark-surface-2)}.App.light .user-menu-item:hover{background:#f8fafc;background:var(--light-surface-2)}.user-menu-item.logout{border-top:1px solid #334155;border-top:1px solid var(--dark-border);color:var(--accent-rose)}.App.light .user-menu-item.logout{border-top:1px solid #e2e8f0;border-top:1px solid var(--light-border)}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #0284c7;border:4px solid var(--light-border);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.App.dark .loading-spinner{border:4px solid #334155;border-top:4px solid #0284c7;border:4px solid var(--dark-border);border-top-color:var(--primary-500)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid,.steps-grid{grid-template-columns:1fr}.step-arrow{display:none}.auth-content,.testimonials-grid{grid-template-columns:1fr}.auth-visual-section{display:none}.footer-content,.footer-links{grid-template-columns:1fr}.footer-bottom{gap:1rem;gap:var(--space-md);text-align:center}.footer-bottom,.form-group,.visual-stats{flex-direction:column}.visual-stats{gap:1rem;gap:var(--space-md)}}.logo{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);text-decoration:none;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.App.light .logo-text{color:#1e293b;color:var(--light-text)}.App.dark .logo-text{color:#f1f5f9;color:var(--dark-text)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.landing-header .logo-icon{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:40px;justify-content:center;width:40px}.landing-header .logo-text{font-size:1.5rem;font-weight:700}.logo-icon span{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important}.header .logo-icon{background:linear-gradient(135deg,#0369a1,#0284c7)!important;background:var(--gradient-primary)!important;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}.header .logo-text{font-size:1.5rem;font-weight:700}.landing-header .logo-icon{background:linear-gradient(135deg,#0369a1,#0284c7)!important;background:var(--gradient-primary)!important;box-shadow:0 0 20px #3b82f64d;box-shadow:var(--shadow-glow)}@supports not (-webkit-background-clip:text){.logo-text.gradient-text{color:#0284c7!important;color:var(--primary-500)!important}}.header .container{height:100%}.header .header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.header .logo{gap:.5rem;gap:var(--space-sm);text-decoration:none;transition:transform .2s ease}.header .logo,.header .nav{align-items:center;display:flex}.header .nav{gap:1.5rem;gap:var(--space-lg);height:100%}.header .nav-item{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--dark-text-secondary);display:flex;font-weight:500;gap:.25rem;gap:var(--space-xs);height:40px;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .2s ease}.header .user-info{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg);height:100%}.header .points-display,.header .theme-toggle{align-items:center;display:flex;height:40px}.header .user-menu-wrapper,.landing-header .header-content{align-items:center;display:flex;height:100%}.landing-header .header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 .5rem;padding:0 var(--space-sm)}.landing-header .landing-nav{align-items:center;display:flex;gap:3rem;gap:var(--space-2xl);height:100%}.landing-header .header-actions{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg);height:100%}.cta-section .cta-subtitle,.cta-section p{color:#fff!important}.cta-section .cta-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:0 1.5rem;padding:0 var(--space-lg)}.cta-section .cta-title{margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.cta-section .cta-subtitle{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.cta-section .quick-signup-form{margin:0;max-width:600px;width:100%}.cta-section .form-group{align-items:center;gap:1.5rem;gap:var(--space-lg);justify-content:center}.btn-social.gosuslugi{background:#0d47a1;border:1px solid #0d47a1;color:#fff}.btn-social.gosuslugi:hover{background:#1565c0;border-color:#1565c0}.App.dark .btn-social.gosuslugi{background:#0d47a1;color:#fff}.App.dark .btn-social.gosuslugi:hover{background:#1565c0}
/*# sourceMappingURL=main.8fac8a9a.css.map*/