body{background:linear-gradient(90deg,#e0f7ff,#fff);font-family:Inter,sans-serif}.landing-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.landing-header{align-items:center;animation:fadeInDown .6s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;box-shadow:0 6px 24px #0000000d;display:flex;justify-content:center;padding:24px 32px;z-index:10}.menu-toggle{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 10px #00000026;cursor:pointer;font-size:28px;left:20px;padding:6px 12px;position:fixed;top:20px;transition:transform .3s ease,background-color .3s ease;z-index:50}.menu-toggle:hover{background-color:#e0f2fe;transform:scale(1.1)}.landing-title{color:#1d4ed8;font-size:34px;font-weight:800;letter-spacing:-.5px;text-shadow:1px 1px 0 #e0e7ff}.landing-sidebar{animation:slideInLeft .4s ease forwards;background:#fff;border-bottom-right-radius:28px;border-top-right-radius:28px;box-shadow:6px 0 20px #0000001a;display:flex;flex-direction:column;height:100%;left:0;padding:30px 24px;position:fixed;top:0;width:280px;z-index:20}.sidebar-header{justify-content:space-between;margin-bottom:32px}.brand-wrapper,.sidebar-header{align-items:center;display:flex}.brand-wrapper{flex:1 1;justify-content:center}.brand{-webkit-text-fill-color:#0000;align-items:center;animation:popUp .6s ease;background:linear-gradient(90deg,#3b82f6,#9333ea);-webkit-background-clip:text;display:flex;font-size:22px;font-weight:800;gap:8px;letter-spacing:1px;text-transform:uppercase}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:26px;transition:transform .3s ease,color .3s ease}.close-btn:hover{color:#ef4444;transform:rotate(90deg)}.sidebar-link{background:linear-gradient(90deg,#f9fafb,#fff);border-radius:12px;box-shadow:inset 0 0 0 0 #3b82f6;color:#1f2937;display:block;font-size:15px;font-weight:500;margin-bottom:14px;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background:#eff6ff;box-shadow:inset 8px 0 0 #3b82f6;color:#2563eb;transform:translateX(6px)}.test-btn{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:999px;box-shadow:0 6px 20px #3b82f666;color:#fff!important;font-weight:700;padding:12px 0;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.test-btn:hover{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 8px 28px #6366f180;transform:scale(1.05)}.landing-main{align-items:center;animation:fadeIn 1s ease;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:100px 24px;text-align:center}.welcome-text{animation:popUp .6s ease;color:#111827;font-size:36px;font-weight:800;margin-bottom:20px;text-shadow:0 1px 2px #0000000d}.sub-text{color:#4b5563;font-size:18px;line-height:1.6;max-width:520px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-only{display:none}@media (max-width:1024px){.mobile-only{display:inline-block}}.sidebar-item{display:flex;flex-direction:column;margin-bottom:20px}.sidebar-desc{color:#6b7280;font-size:13px;margin-left:8px;margin-top:4px;padding-left:4px}.sidebar-link.active{background-color:#e0f2fe;border-left:4px solid #0ea5e9;color:#0ea5e9;font-weight:600;padding-left:12px}.logout-container{border-top:1px solid #ccc;margin-bottom:30px;margin-top:auto;padding:15px 20px}.logout-btn{background-color:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px;text-align:center;transition:background-color .3s ease;width:100%}.logout-btn:hover{background-color:#d9363e}body{background:linear-gradient(135deg,#e0f7fa,#f1f8ff);color:#1e293b;font-family:Poppins,sans-serif;margin:0;padding:0}.dashboard-wrapper{display:flex;justify-content:center;padding:50px 20px}.profile-card{animation:fadeIn .5s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #007bff14;max-width:800px;padding:40px;width:100%}.profile-title{border-bottom:2px dashed #cbd5e1;color:#0f172a;font-size:26px;font-weight:700;margin-bottom:30px;padding-bottom:10px;text-align:center}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.profile-item{display:flex;flex-direction:column}.profile-item label{color:#475569;font-size:14px;font-weight:600;margin-bottom:8px}.profile-item input{background-color:#f8fafc;border:1px solid #dbeafe;border-radius:12px;color:#1e293b;font-size:14px;padding:12px}.profile-item input:disabled{background-color:#f1f5f9;color:#64748b}.profile-subjects label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.subject-list{display:flex;flex-wrap:wrap;gap:10px}.subject-pill{background:#e0f2fe;border:1px solid #bae6fd;border-radius:9999px;color:#0369a1;font-size:13px;padding:8px 14px;transition:all .3s ease}.subject-pill:hover{background:#bae6fd;color:#0c4a6e}.no-subjects{color:#9ca3af;font-size:13px}.subjects-container{margin:-60px auto 0;max-width:1200px;transform:translateX(100px)}.subjects-title{color:#1f2937;font-size:28px;margin-bottom:30px;text-align:center}.subjects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:-10px;padding-left:20px}.subject-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;overflow:hidden;text-align:center;transition:transform .3s ease}.subject-card:hover{transform:translateY(-6px)}.subject-image{border-bottom:1px solid #e5e7eb;height:180px;object-fit:cover;width:100%}.subject-info{padding:20px}.subject-info h3{color:#111827;font-size:20px;margin-bottom:8px}.subject-info p{color:#6b7280;font-size:14px}@media (max-width:768px){.subjects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.subjects-grid{grid-template-columns:1fr}}.about-container{animation:fadeIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000012;margin:60px auto;max-width:800px;padding:20px 30px}.about-title{color:#1d4ed8;font-size:32px;font-weight:800;margin-bottom:10px;text-align:center}.about-tagline{color:#6b7280;font-size:18px;font-weight:500;margin-bottom:30px;text-align:center}.about-content p{color:#374151;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:justify}.about-footer{color:#9ca3af;font-size:15px;font-style:italic;margin-top:40px;text-align:center}.teachers-container{margin-top:-100px;max-width:1200px;padding:0}.teachers-title{color:#1f2937;font-size:32px;font-weight:800;margin-bottom:40px;text-align:center}.teachers-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-left:100px}.teacher-card{background:#fff;border-radius:20px;box-shadow:0 12px 25px #0000000d;padding:30px 20px;text-align:center;transition:transform .3s ease}.teacher-card:hover{transform:translateY(-8px)}.teacher-img{border:3px solid #3b82f6;border-radius:50%;height:100px;margin-bottom:16px;object-fit:cover;width:100px}.teacher-title{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:10px}.teacher-details{color:#374151;font-size:14px;list-style:none;margin-top:15px;padding:0;text-align:left}.teacher-details li{margin-bottom:8px}.feedback-container{animation:fadeIn .5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000012;margin:-60px auto;max-width:900px;padding:40px 30px}.feedback-title{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:30px;text-align:center}.feedback-list{display:flex;flex-direction:column;gap:24px}.feedback-card{background:#f9fafb;border-radius:16px;box-shadow:0 4px 12px #00000008;padding:20px 24px;transition:transform .2s ease}.feedback-card:hover{transform:translateY(-4px)}.feedback-header{color:#6b7280;display:flex;font-size:14px;font-weight:600;justify-content:space-between}.feedback-header,.feedback-stars{margin-bottom:10px}.star{color:#d1d5db;font-size:20px;margin-right:4px}.star.active{color:#facc15}.feedback-comment{color:#374151;font-size:15px;line-height:1.6}.contact-container{animation:fadeIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin:60px auto;max-width:800px;padding:40px 30px;text-align:center}.contact-title{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:10px}.contact-subtitle{color:#6b7280;font-size:15px;margin-bottom:30px}.contact-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.contact-card{align-items:center;background:#f9fafb;border-radius:14px;box-shadow:0 6px 15px #00000008;color:#1f2937;display:flex;gap:16px;min-width:240px;padding:16px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-card:hover{box-shadow:0 10px 25px #0000000f;transform:translateY(-4px)}.contact-icon{font-size:28px}.contact-icon.telegram{color:#08c}.contact-icon.email{color:#ef4444}.contact-icon.phone{color:#10b981}.question-box{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;font-family:Inter,sans-serif;margin-bottom:24px;padding:24px}.question-title{font-size:16px;font-weight:600;margin-bottom:8px}.question-text{color:#6b7280;font-size:14px;margin-bottom:20px}.question-text .highlight{color:#111827;font-weight:500}.options-list{display:flex;flex-direction:column;gap:12px}.option{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease-in-out}.option:hover{background-color:#eef2ff;border-color:#60a5fa}.option input[type=radio]{accent-color:#3b82f6;height:18px;width:18px}.option span{color:#111827;font-size:14px;font-weight:500}.option.selected{background-color:#dbeafe;border-color:#3b82f6}.sidebar{align-self:flex-start;height:-webkit-fit-content;height:fit-content;margin-left:600px;position:-webkit-sticky;position:sticky;top:140px;z-index:10}.test-list,.time-box{box-shadow:0 4px 12px #0000000d}.test-list .btn.active{box-shadow:0 0 4px #3b82f680}.summary-box{box-shadow:0 4px 12px #0000000d}.summary-box strong{color:#111827}@media (max-width:1024px){.sidebar{max-width:100%;padding:16px;position:relative;top:0;width:100%}.test-list .grid{grid-template-columns:repeat(4,1fr)}.finish-btn{padding:8px 0}}.result-box{background:#fff;border:2px solid #eee;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-left:auto;margin-right:auto;margin-top:30px;max-width:800px;padding:24px}.result-box h2{color:#333;font-size:26px;margin-bottom:16px;text-align:center}.result-summary{margin-bottom:20px;text-align:center}.correct{color:#28a745}.correct,.incorrect{font-size:18px;font-weight:500;margin:6px 0}.incorrect{color:#dc3545}.mistake-title{color:#e53935;font-size:20px;margin:18px 0 10px;text-align:center}.mistake-list{margin-bottom:20px;padding-left:20px;text-align:left}.mistake-list li{font-size:16px;line-height:1.6;margin-bottom:8px}.advice{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;color:#555;font-size:15px;font-style:italic;padding:14px;text-align:center}.test-page{display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:24px;margin-left:350px;margin-right:auto;margin-top:-90px;max-width:900px;min-height:100vh;padding:24px;width:100%}.test-header{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000a;display:flex;justify-content:center;padding:12px 20px}.test-header h1{color:#1f2937;font-size:20px;font-weight:600;margin:0}.test-main{display:flex;flex-direction:column;gap:24px}@media (min-width:1024px){.test-main{align-items:flex-start;flex-direction:row}}.questions{flex:1 1;gap:20px;max-width:100%}.questions,.sidebar{display:flex;flex-direction:column}.sidebar{background-color:#fff;border-radius:24px;bottom:24px;box-shadow:0 4px 14px #0000000d;box-sizing:border-box;font-family:Inter,sans-serif;gap:24px;height:auto;left:50%;max-width:320px;padding:24px;position:fixed;transform:translateX(-50%);width:100%}.time-box{background-color:#f8f9fb;border-radius:18px;padding:20px;text-align:center}.time-box span{color:#6b7280;display:block;font-size:14px;margin-bottom:4px}.time-box strong{color:#3b82f6;font-size:18px;font-weight:600}.test-list{background-color:#f8f9fb;border-radius:18px;padding:20px}.test-list p{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:12px}.test-list .grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.test-list .btn{background-color:#fff;border:1px solid #d1d5db;border-radius:50%;color:#374151;cursor:pointer;font-size:12px;font-weight:500;height:36px;transition:all .2s ease;width:36px}.test-list .btn:hover{background-color:#e0f2fe}.test-list .btn.active{background-color:#3b82f6;border:none;box-shadow:0 0 4px #3b82f699;color:#fff}.test-list .counter{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.summary-box{background-color:#f8f9fb;border-radius:18px;padding:20px}.summary-box p{display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.summary-box strong{color:#1f2937}.finish-btn{background-color:#3b82f6;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 0;transition:background-color .3s ease;width:100%}.finish-btn:hover{background-color:#2563eb}@media (min-width:1024px){.sticky-sidebar{align-self:flex-start;height:-webkit-fit-content;height:fit-content;position:fixed;top:24px}}@media (max-width:1024px){.test-main{flex-direction:column}.test-list .grid{grid-template-columns:repeat(4,1fr)}.sidebar{max-width:100%;padding:16px}.test-header{padding:12px 16px}.finish-btn{padding:8px 0}}.btn.answered{background-color:#4caf50;border:none;color:#fff}.no-tests{color:#666;font-size:20px;padding:60px;text-align:center}.login-wrapper{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{animation:fadeIn .6s ease-in-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form h2{color:#2563eb;font-size:26px;font-weight:700;text-align:center}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:6px}.form-group input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:15px;padding:12px;transition:.3s;width:100%}.form-group input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;outline:none}.login-btn{background-color:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .3s ease}.login-btn:hover{background-color:#2563eb}.alert{animation:slideFade .3s ease;border-radius:10px;font-weight:600;padding:12px;text-align:center}.error-alert{background-color:#fee2e2;color:#b91c1c}.success-alert{background-color:#dcfce7;color:#15803d}@keyframes slideFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.ce558cea.css.map*/