body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content{margin-top:120px}.btn{background-color:#007bff;transition:background-color .3s}.btn:hover{background-color:#0056b3}.page-header{margin-bottom:40px}.page-header h1{margin-bottom:10px}@media (max-width:768px){.main-content{margin-top:80px}.page-header h1{font-size:2rem}}@media (max-width:576px){.main-content{margin-top:70px}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7ff,#e8ecff);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-content{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;display:flex;margin:2rem;max-width:1200px;min-height:600px;overflow:hidden;width:100%}.auth-form-container{flex:1 1;max-width:600px;overflow-y:auto;padding:3rem}.auth-header{margin-bottom:2rem;text-align:left}.auth-header h2{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:1rem}.auth-form{width:100%}.form-group,.form-row{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.auth-button{background:#4299e1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem;transition:all .2s;width:100%}.auth-button:hover{background:#3182ce}.auth-button:disabled{background:#a0aec0;cursor:not-allowed}.auth-graphic{align-items:center;background:#f7fafc;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:2rem;position:relative}.auth-graphic.register{background-image:url(https://img.freepik.com/free-vector/sign-up-concept-illustration_114360-7885.jpg?w=740&t=st=1709707331~exp=1709707931~hmac=4a7f42c9e6f8c7f3c7b1b9c9e6f8c7f3)}.auth-graphic.login,.auth-graphic.register{background-position:50%;background-repeat:no-repeat;background-size:80%}.auth-graphic.login{background-image:url(https://img.freepik.com/free-vector/computer-login-concept-illustration_114360-7962.jpg?w=740&t=st=1709707392~exp=1709707992~hmac=4a7f42c9e6f8c7f3c7b1b9c9e6f8c7f3)}.auth-graphic.verify-otp{background-image:url(https://img.freepik.com/free-vector/two-factor-authentication-concept-illustration_114360-5488.jpg?w=740&t=st=1709707438~exp=1709708038~hmac=4a7f42c9e6f8c7f3c7b1b9c9e6f8c7f3)}.auth-graphic.reset-password,.auth-graphic.verify-otp{background-position:50%;background-repeat:no-repeat;background-size:80%}.auth-graphic.reset-password{background-image:url(https://img.freepik.com/free-vector/forgot-password-concept-illustration_114360-1123.jpg?w=740&t=st=1709707486~exp=1709708086~hmac=4a7f42c9e6f8c7f3c7b1b9c9e6f8c7f3)}.auth-graphic.forgot-password{background-image:url(https://img.freepik.com/free-vector/forgot-password-concept-illustration_114360-1095.jpg?w=740&t=st=1709707486~exp=1709708086~hmac=4a7f42c9e6f8c7f3c7b1b9c9e6f8c7f3);background-position:50%;background-repeat:no-repeat;background-size:80%}.otp-input{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.otp-input input{border:1px solid #e2e8f0;border-radius:8px;font-size:1.25rem;height:3rem;text-align:center;width:3rem}.success-message{padding:2rem;text-align:center}.success-message i{color:#48bb78;font-size:3rem;margin-bottom:1rem}.success-message h3{color:#2d3748;margin-bottom:1rem}.success-message p{color:#718096;margin-bottom:1.5rem}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.25rem}.social-auth-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.social-auth-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.social-auth-button:hover{background:#f7fafc;border-color:#cbd5e0}.social-auth-button i{font-size:1.125rem}.divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{color:#a0aec0;font-size:.875rem;padding:0 1rem}.auth-footer{color:#718096;margin-top:2rem;text-align:center}.auth-footer a{color:#4299e1;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-content{flex-direction:column;margin:1rem}.auth-form-container{max-width:100%;padding:2rem}.auth-graphic{background-size:contain;height:200px}.form-row,.social-auth-buttons{grid-template-columns:1fr}}.checkbox-wrapper{align-items:center;display:flex;gap:.5rem}.checkbox-wrapper input[type=checkbox]{margin-right:.5rem;width:auto}.terms-group{margin:1.5rem 0}.form-group-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.forgot-password{color:#4299e1;font-size:.875rem;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.otp-message{margin-bottom:2rem;text-align:center}.otp-message p{color:#718096;margin:.5rem 0}.otp-message strong{color:#2d3748}.counsellor-register,.trainer-register{max-height:none;overflow-y:auto;padding-right:1rem}.trainer-graphic:before{background-image:url(/static/media/trainer-silhouette.62fb069944f3ea88421d.svg);background-size:60%;opacity:.3}.counsellor-graphic:before{background-image:url(/static/media/counsellor-silhouette.4f96e37618a11903a6ef.svg);background-size:60%;opacity:.3}.counsellor-register .auth-header h2,.trainer-register .auth-header h2{color:#2e7d32}.trainer-register .auth-button{background:#2e7d32}.trainer-register .auth-button:hover{background:#1b5e20}.counsellor-register .auth-header h2{color:#1565c0}.counsellor-register .auth-button{background:#1565c0}.counsellor-register .auth-button:hover{background:#0d47a1}.otp-input{font-size:20px!important;font-weight:600;letter-spacing:2px;text-align:center}textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:16px;min-height:100px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}textarea:focus{border-color:#3949ab;outline:none}textarea.error{border-color:#dc3545}.registration-type-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:40px 20px}.registration-type-header{margin-bottom:40px;text-align:center}.registration-type-header h2{color:#333;font-size:32px;margin-bottom:15px}.registration-type-header p{color:#666;font-size:18px}.registration-options{display:flex;gap:30px;justify-content:center;width:100%}.registration-card{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;flex:1 1;max-width:350px;padding:30px;text-align:center;transition:transform .3s,box-shadow .3s}.registration-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.registration-card.student{border-color:#ff1744}.registration-card.trainer{border-color:#2e7d32}.registration-card.counsellor{border-color:#1565c0}.registration-card h3{font-size:24px;margin:15px 0}.registration-card.student h3{color:#ff1744}.registration-card.trainer h3{color:#2e7d32}.registration-card.counsellor h3{color:#1565c0}.registration-card p{color:#666;line-height:1.5;margin-bottom:20px}.registration-card .icon{font-size:48px;margin-bottom:15px}.registration-card.student .icon{color:#ff1744}.registration-card.trainer .icon{color:#2e7d32}.registration-card.counsellor .icon{color:#1565c0}.registration-card .select-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background .3s}.registration-card.student .select-btn{background:#ff1744}.registration-card.student .select-btn:hover{background:#e53935}.registration-card.trainer .select-btn{background:#2e7d32}.registration-card.trainer .select-btn:hover{background:#1b5e20}.registration-card.counsellor .select-btn{background:#1565c0}.registration-card.counsellor .select-btn:hover{background:#0d47a1}@media (max-width:768px){.registration-options{align-items:center;flex-direction:column}.registration-card{max-width:100%;width:100%}}.spinner{border:3px solid #f3f3f3}.error-content{border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-icon{color:#e74c3c;font-size:48px}.retry-button{background-color:#3498db;padding:.5rem 1rem}.retry-button:hover{background-color:#2980b9}.welcome-section{margin-bottom:1.5rem}.welcome-section h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.quick-stats{grid-gap:1rem;gap:1rem;margin-top:1.5rem}.stat-card{border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#7f8c8d}.stat-card p{color:#2c3e50}.dashboard-section{border-radius:8px;padding:1.5rem}.course-card,.dashboard-section{box-shadow:0 2px 4px #0000001a}.completed-badge{background:#27ae60;border-radius:4px;font-size:.875rem;padding:.25rem .5rem;right:10px;top:10px}.course-info{padding:1rem}.course-info h3{font-size:1.25rem;margin-bottom:.5rem}.course-info p{color:#7f8c8d;font-size:.875rem}.course-info p,.progress-container{margin-bottom:1rem}.progress-bar{background:#ecf0f1}.progress{background:#3498db;transition:width .3s}.progress-text{color:#7f8c8d;font-size:.875rem}.continue-button{background:#3498db;border:none;border-radius:4px;cursor:pointer;padding:.75rem;transition:background-color .3s;width:100%}.continue-button:hover{background:#2980b9}.no-courses{padding:2rem}.no-courses img{margin-bottom:1rem}.no-courses h3{font-size:1.25rem}.no-courses p{color:#7f8c8d;margin-bottom:1rem}.browse-button{background:#3498db;border:none;border-radius:4px;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s}.browse-button:hover{background:#2980b9}.announcement-card{background:#fff;border-left:4px solid #3498db}.announcement-header{align-items:center}.announcement-header h3{font-size:1rem}.announcement-date{color:#7f8c8d;font-size:.875rem}.no-announcements{color:#7f8c8d}.loading-spinner{text-align:center}.spinner{border-top-color:#3498db;height:50px;margin:0 auto 1rem;width:50px}.error-message{border-radius:10px;box-shadow:0 4px 6px #0000001a}.error-message h2{color:#e74c3c}.retry-button{background:#3498db;padding:.8rem 2rem;transition:background .3s}.retry-button:hover{background:#2980b9}.welcome-message{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.welcome-message h1{color:#2c3e50;margin-bottom:1rem}.setup-profile-button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1.5rem;padding:1rem 2rem;transition:background .3s}.setup-profile-button:hover{background:#2980b9}.student-profile{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;max-width:800px;padding:2rem;width:100%}.profile-header{margin-bottom:2rem;text-align:center}.profile-picture{border:5px solid #3498db;height:150px;width:150px}.profile-header h1{color:#2c3e50;font-size:2rem;margin:0}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.detail-item{background:#f8f9fa;border-radius:8px;padding:1rem}.detail-item label{color:#7f8c8d;display:block;font-size:.9rem;margin-bottom:.5rem}.detail-item p{color:#2c3e50;font-size:1.1rem;font-weight:500;margin:0}.profile-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.edit-profile-button,.view-courses-button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:all .3s}.edit-profile-button{background:#3498db;color:#fff}.edit-profile-button:hover{background:#2980b9}.view-courses-button{background:#2ecc71;color:#fff}.view-courses-button:hover{background:#27ae60}@media (max-width:768px){.dashboard-container{padding:1rem}.student-profile{padding:1.5rem}.profile-picture{height:120px;width:120px}.profile-header h1{font-size:1.5rem}.profile-details{grid-template-columns:1fr}.profile-actions{flex-direction:column}.edit-profile-button,.view-courses-button{width:100%}}.dashboard-header{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 4px 6px #0000001a}.welcome-section{margin-bottom:2rem}.welcome-section p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;transition:transform .2s}.stat-card h3{margin:0;opacity:.9}.stat-card p{font-size:2rem;font-weight:700;margin:.5rem 0 0}.dashboard-section{border-radius:15px;box-shadow:0 2px 4px #0000000d}.section-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-card{transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:0 4px 15px #0000001a}.course-image{height:160px;position:relative}.completed-badge{background:#2ecc71;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;font-weight:500;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.course-info{padding:1.5rem}.course-info h3{color:#2c3e50;font-size:1.2rem;margin:0 0 .5rem}.course-info p{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.progress-container{margin:1rem 0}.progress-bar{background:#f0f0f0;margin-bottom:.5rem}.progress{background:linear-gradient(90deg,#4a90e2,#357abd)}.progress-text{font-size:.8rem}.browse-button,.continue-button,.enroll-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;margin-top:1rem;padding:.8rem;text-align:center;transition:all .2s ease;width:100%}.continue-button{background:#4a90e2;color:#fff}.continue-button:hover{background:#357abd;transform:translateY(-2px)}.browse-button{background:#f39c12;color:#fff}.browse-button:hover{background:#d68910;transform:translateY(-2px)}.no-courses{padding:3rem 2rem;text-align:center}.no-courses img{margin-bottom:1.5rem;opacity:.5;width:200px}.no-courses h3{color:#2c3e50;margin-bottom:.5rem}.no-courses p{color:#666;margin-bottom:1.5rem}.announcements-list{grid-gap:1rem;display:grid}.announcement-card{border-left:4px solid #4a90e2;border-radius:10px;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.announcement-card.unread{background:#fff;border-left-color:#f39c12;box-shadow:0 2px 4px #0000000d}.announcement-card.read{border-left-color:#95a5a6;opacity:.8}.announcement-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.announcement-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.announcement-date{color:#666;font-size:.8rem}.announcement-card p{color:#666;line-height:1.5;margin:0}.no-announcements{color:#666;padding:2rem;text-align:center}.welcome-section p{color:#ffffffe6;font-size:1rem;margin-top:.5rem}.dashboard-loading{min-height:60vh}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:50px;margin-bottom:1rem;width:50px}.dashboard-loading p{color:#666;font-size:1.1rem}.dashboard-error{min-height:60vh}.error-content{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:2rem}.error-content h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.error-content p{line-height:1.5}.error-actions{display:flex;gap:1rem;justify-content:center}.error-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .2s ease}.retry-button{background:#4a90e2}.retry-button:hover{background:#357abd;transform:translateY(-2px)}.login-button{background:#2ecc71;color:#fff}.login-button:hover{background:#27ae60;transform:translateY(-2px)}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem}.welcome-section h1{font-size:2rem}.courses-grid,.quick-stats{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:1rem}.error-actions,.section-header{flex-direction:column}.error-actions button{width:100%}.error-content{margin:1rem;padding:1.5rem}}.loading-spinner{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:300px}.error-message{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;text-align:center}.error-message h2{color:#dc3545;margin-bottom:1rem}.retry-button{background-color:#007bff;border-radius:4px;margin-top:1rem;padding:.5rem 1.5rem;transition:background-color .3s}.retry-button:hover{background-color:#0056b3}.profile-section{margin-bottom:2rem;text-align:center}.profile-picture{border:3px solid #007bff;border-radius:50%;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.announcements-section,.courses-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.course-card{padding:1rem;transition:transform .3s}.course-card:hover{transform:translateY(-5px)}.course-card h4{color:#333;margin:0 0 .5rem}.progress-bar{margin-top:1rem}.progress{background:#28a745}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-card{background:#f8f9fa;border-radius:8px;padding:1rem}.announcement-card h4{color:#333;margin:0 0 .5rem}.date{color:#666;display:block;font-size:.8rem;margin-top:.5rem}.no-data{background:#f8f9fa;color:#666;padding:2rem}.empty-state,.no-data{border-radius:8px;text-align:center}.empty-state{background:#fff;box-shadow:0 2px 4px #0000001a;padding:3rem}.empty-state h2{color:#666;margin-bottom:1rem}@media (max-width:768px){.courses-grid,.dashboard-content{grid-template-columns:1fr}}.trainer-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{background:linear-gradient(135deg,#3949ab,#1a237e)}.trainer-info{font-size:1.1rem;opacity:.9}.trainer-info span{margin:0 .5rem}.stat-number{color:#3949ab}.courses-grid{grid-gap:1.5rem;gap:1.5rem}.course-card{background:#f8f9fa;border-radius:8px;padding:1.5rem}.course-card h3{color:#333;font-size:1.2rem}.course-card h3,.course-stats{margin-bottom:1rem}.course-stats p{align-items:center;color:#666;display:flex;gap:.5rem;margin-bottom:.5rem}.progress-bar{margin:.5rem 0}.progress{background:linear-gradient(90deg,#3949ab,#1a237e)}.progress-text{color:#666;font-size:.9rem}.status-badge{position:absolute;right:1rem;top:1rem}.status-badge.active{color:#1976d2}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-card{background:#f8f9fa;border-radius:8px;gap:1rem;padding:1rem}.activity-card,.activity-icon{align-items:center;display:flex}.activity-icon{background:#e3f2fd;border-radius:50%;color:#1976d2;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-details{flex:1 1}.activity-details p{color:#333;margin-bottom:.25rem}.activity-date{color:#666;font-size:.85rem}.spinner{border-top-color:#3949ab}.retry-button{background:#3949ab}.retry-button:hover{background:#1a237e}@media (max-width:768px){.trainer-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.profile-summary h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:1fr}.stat-number{font-size:1.5rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-section{padding:1rem}.activity-card{align-items:flex-start;flex-direction:column}.activity-icon{margin-bottom:.5rem}}.tab-btn.active{color:#3949ab}.add-course-btn{align-items:center;background:#3949ab;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.add-course-btn:hover{background:#1a237e}.course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.course-actions{display:flex;gap:.5rem}.action-btn:hover{color:#3949ab}.action-btn.edit:hover{background:#e3f2fd;color:#1976d2}.progress-container{margin-top:.5rem}.course-footer{margin-top:1rem}.view-details-btn{align-items:center;background:#0000;border:1px solid #3949ab;border-radius:4px;color:#3949ab;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.view-details-btn:hover{background:#3949ab;color:#fff}.section-actions{display:flex;gap:1rem}.search-box{position:relative}.search-box input{border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem .5rem 2.5rem;width:250px}.search-box i{color:#666;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background:#f5f5f5}.students-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:500;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #dee2e6;color:#212529}.student-info{align-items:center;display:flex;gap:.75rem}.student-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.activity-course,.row-actions{display:flex;gap:.5rem}.activity-course{align-items:center;color:#3949ab}@media (max-width:768px){.dashboard-tabs{overflow-x:auto;padding-bottom:.5rem}.section-header{align-items:stretch;gap:1rem}.section-actions,.section-header{flex-direction:column}.search-box input{width:100%}.students-table{margin:0 -1rem}}@media (max-width:480px){.tab-btn{font-size:.9rem;padding:.5rem 1rem}.course-header{flex-direction:column;gap:1rem}.course-actions{justify-content:flex-end;width:100%}.course-footer{align-items:stretch;flex-direction:column;gap:1rem}.view-details-btn{justify-content:center;width:100%}}.counsellor-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:15px;color:#fff;padding:2rem}.profile-summary h1{font-size:2rem;margin-bottom:.5rem}.counsellor-info{font-size:1.1rem;opacity:.9}.counsellor-info span{margin:0 .5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#666;font-size:1rem;margin-bottom:.5rem}.stat-number{color:#1565c0;font-size:2rem;font-weight:700}.dashboard-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.dashboard-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.session-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;position:relative}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.session-info{flex:1 1}.session-info h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.session-actions{display:flex;gap:.5rem}.action-btn{background:#0000;border-radius:4px;color:#666;height:32px;width:32px}.action-btn:hover{background:#f5f5f5;color:#1565c0}.session-details{margin-bottom:1rem}.session-details p{align-items:center;color:#666;display:flex;gap:.75rem;margin-bottom:.5rem}.session-details i{color:#1565c0;width:16px}.session-notes{background:#f8f9fa;border-radius:4px;margin-top:.5rem;padding:.75rem}.session-footer{border-top:1px solid #eee;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.join-session-btn{align-items:center;background:#1565c0;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .3s ease}.join-session-btn:hover{background:#0d47a1}.reschedule-btn{background:#0000;border:1px solid #1565c0;border-radius:5px;color:#1565c0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.reschedule-btn:hover{background:#1565c0;color:#fff}.student-details{display:flex;flex-direction:column}.student-name{color:#333;font-weight:500}.student-email{color:#666;font-size:.85rem}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress{background:linear-gradient(90deg,#1565c0,#0d47a1);border-radius:4px;height:100%;transition:width .3s ease}.progress-bar span{color:#666;font-size:.85rem;position:absolute;right:0;top:-18px}.status-badge{border-radius:15px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-badge.scheduled{background:#e3f2fd;color:#1565c0}.status-badge.in-progress{background:#fff3e0;color:#f57c00}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.cancelled{background:#ffebee;color:#c62828}.status-badge.active{background:#e3f2fd;color:#1565c0}.status-badge.inactive{background:#f5f5f5;color:#616161}.activity-meta{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.activity-student{align-items:center;color:#1565c0;display:flex;gap:.5rem}.spinner{border-top-color:#1565c0}.dashboard-error{align-items:center;display:flex;justify-content:center;min-height:400px}.error-content{max-width:400px;text-align:center}.error-icon{color:#f44336;font-size:3rem;margin-bottom:1rem}.error-content h2{color:#333;margin-bottom:.5rem}.error-content p{color:#666;margin-bottom:1.5rem}.retry-button{background:#1565c0;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 2rem;transition:background-color .3s ease}.retry-button:hover{background:#0d47a1}.dashboard-tabs{display:flex;gap:1rem;margin-top:1.5rem}.tab-btn{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.tab-btn:hover{background:#fff3}.tab-btn.active{background:#fff;color:#1565c0;font-weight:500}.stat-trend{font-size:.9rem;margin-top:.5rem}.trend-indicator{align-items:center;border-radius:12px;display:inline-flex;font-weight:500;gap:.25rem;padding:.25rem .5rem}.trend-indicator.positive{background:#e8f5e9;color:#2e7d32}.trend-indicator.negative{background:#ffebee;color:#c62828}.trend-indicator.neutral{background:#f5f5f5;color:#616161}.trend-period{color:#666;margin-left:.5rem}.rating-stars{margin-top:.5rem}.rating-stars i{color:gold;margin:0 .1rem}.rating-stars i:not(.filled){color:#e0e0e0}.section-header{justify-content:space-between;margin-bottom:1.5rem}.schedule-btn,.section-header{align-items:center;display:flex}.schedule-btn{background:#1565c0;border:none;border-radius:5px;color:#fff;cursor:pointer;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.schedule-btn:hover{background:#0d47a1}@media (max-width:768px){.counsellor-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.profile-summary h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.sessions-grid{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.dashboard-tabs{overflow-x:auto;padding-bottom:.5rem}.section-header{align-items:stretch;gap:1rem}.section-actions,.section-header{flex-direction:column}.search-box input{width:100%}.session-footer{flex-direction:column}.reschedule-btn{text-align:center;width:100%}.students-table{margin:0 -1rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-section{padding:1rem}.activity-card{flex-direction:column}.activity-icon{margin-bottom:.5rem}.activity-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.tab-btn{font-size:.9rem;padding:.5rem 1rem}.session-header{flex-direction:column;gap:1rem}.session-actions{justify-content:flex-end;width:100%}.student-info{align-items:flex-start;flex-direction:column;gap:.5rem}.student-avatar{height:40px;width:40px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem}.last-login{color:#718096;font-size:1rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.dashboard-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000000d;padding:2rem}.dashboard-card h2{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.info-group{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem}.info-group label{color:#718096;font-weight:500}.info-group p{color:#2d3748;font-weight:500}.status{border-radius:15px;font-size:.875rem;padding:.25rem .75rem}.status.active{background:#c6f6d5;color:#2f855a}.status.inactive{background:#fed7d7;color:#c53030}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:all .3s ease}.action-btn:hover{background:#4299e1;color:#fff;transform:translateY(-2px)}.action-btn i{font-size:1.5rem;margin-bottom:.5rem}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3182ce;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-error{padding:2rem;text-align:center}.reload-btn{background:#4299e1;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s ease}.reload-btn:hover{background:#3182ce}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header h1{font-size:2rem}.actions-grid{grid-template-columns:1fr}.info-group{align-items:flex-start;flex-direction:column;gap:.5rem}}.header{background:#0000;box-shadow:none;left:0;padding:10px 0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 5px 15px #0000001a;padding:8px 0}.header-top{background:linear-gradient(90deg,#5c6bc0,#3949ab);color:#fff;font-size:.9rem;padding:8px 0;transition:all .3s ease}.header.scrolled .header-top{opacity:0;padding:5px 0;position:absolute;transform:translateY(-100%);visibility:hidden;width:100%}.header-top-content{align-items:center;display:flex;justify-content:space-between}.contact-info{display:flex;gap:20px}.contact-info span{align-items:center;display:flex;gap:5px;transition:transform .2s ease}.contact-info span:hover{transform:translateY(-2px)}.social-links{gap:15px}.social-link{color:#fff;overflow:hidden;padding:5px;position:relative;text-decoration:none;transition:all .3s ease}.social-link:before{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.social-link:hover:before{width:100%}.social-link:hover{transform:translateY(-2px)}.header-main{padding:15px 0}.header-content{align-items:center;display:flex;justify-content:space-between}.logo{display:block;text-decoration:none}.logo img{display:block;height:50px;transition:transform .3s ease;width:auto}.logo img:hover{transform:scale(1.05)}.main-nav{display:flex;flex:1 1;justify-content:center;margin:0 20px}.main-nav ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}.main-nav ul li{position:relative}.main-nav ul li a,.main-nav ul li button.nav-link{background:none;border:none;border-radius:4px;color:#2201a5;cursor:pointer;display:block;font-family:inherit;font-size:1rem;font-weight:500;overflow:hidden;padding:10px 15px;position:relative;text-align:left;text-decoration:none;text-shadow:0 1px 3px #00000080;transition:all .3s ease;z-index:1}.main-nav ul li a:before,.main-nav ul li button.nav-link:before{background:#5c6bc01a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.main-nav ul li a:hover,.main-nav ul li button.nav-link:hover{color:#fff;text-shadow:0 0 10px #ffffffb3,0 1px 3px #00000080}.main-nav ul li a:hover:before,.main-nav ul li button.nav-link:hover:before{left:0}.header.scrolled .main-nav ul li a,.header.scrolled .main-nav ul li button.nav-link{color:#3949ab;text-shadow:none}.header.scrolled .main-nav ul li a:hover,.header.scrolled .main-nav ul li button.nav-link:hover{background-color:#3949ab0d;color:#5c6bc0;text-shadow:none}.header-actions{align-items:center;display:flex;gap:15px}.auth-buttons{display:flex;gap:10px}.btn{font-size:.95rem;padding:8px 18px}.btn-outline{background:#0000;border:1px solid #3949ab;color:#3949ab}.btn-outline:hover{background-color:#3949ab0d}.btn-primary{background:linear-gradient(90deg,#5c6bc0,#3949ab);border:1px solid #3949ab;box-shadow:0 4px 6px #3949ab33;color:#fff}.btn-primary:hover{background:linear-gradient(90deg,#3949ab,#303f9f);box-shadow:0 6px 12px #3949ab40;transform:translateY(-2px)}.user-menu-wrapper{position:relative}.user-menu-trigger{align-items:center;background:linear-gradient(90deg,#5c6bc0,#3949ab);border:none;border-radius:30px;box-shadow:0 4px 6px #3949ab33;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 15px;transition:all .3s ease}.user-menu-trigger:hover{box-shadow:0 6px 12px #3949ab40;transform:translateY(-2px)}.user-avatar{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.username{color:#fff;font-size:.95rem;font-weight:500}.user-menu{animation:fadeIn .3s ease forwards;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:10px;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu a,.user-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.95rem;padding:12px 15px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu a:hover,.user-menu button:hover{background-color:#f0f3ff;color:#3949ab}.user-menu button:last-child{color:#f44336;font-weight:500}.user-menu button:last-child:hover{background-color:#f443361a}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;height:21px;position:relative;width:30px;z-index:200}.mobile-menu-btn span{background-color:#3949ab;border-radius:3px;display:block;height:3px;margin:5px 0;transition:all .3s ease;width:100%}@media (max-width:992px){.main-nav{background:#fff;box-shadow:0 5px 10px #0000001a;height:0;left:0;opacity:0;overflow:hidden;position:fixed;top:70px;transition:all .3s ease;visibility:hidden;width:100%}.main-nav.active{height:auto;opacity:1;padding:20px 0;visibility:visible}.main-nav ul{flex-direction:column;padding:0 20px}.mobile-menu-btn{display:block}.main-nav ul li a,.main-nav ul li button.nav-link{color:#333;font-size:1.1rem;padding:15px 0;text-shadow:none}.main-nav ul li a:hover,.main-nav ul li button.nav-link:hover{background-color:#3949ab0d;color:#3949ab;text-shadow:none}.dropdown-menu{animation:none;background-color:#3949ab0d;border-radius:0;box-shadow:none;margin:5px 0;opacity:1;padding-left:20px;position:static;transform:none;visibility:visible;width:100%}.dropdown-toggle{justify-content:space-between;width:100%}.dropdown-arrow{font-size:14px}.header.scrolled .main-nav ul li.dropdown-wrapper>button.nav-link:hover,.main-nav ul li.dropdown-wrapper>button.nav-link:hover{background-color:#3949ab1a}.mobile-menu-btn span:first-child{transform-origin:top left}.mobile-menu-btn span:nth-child(3){transform-origin:bottom left}.main-nav.active+.header-actions .mobile-menu-btn span:first-child{transform:rotate(45deg) translate(1px,-1px)}.main-nav.active+.header-actions .mobile-menu-btn span:nth-child(2){opacity:0}.main-nav.active+.header-actions .mobile-menu-btn span:nth-child(3){transform:rotate(-45deg) translate(1px,1px)}}@media (max-width:768px){.header-top-content{flex-direction:column;gap:10px}.header-main-content{padding:10px 0}.logo img{height:40px}.auth-buttons{display:none}}@media (max-width:576px){.header-content{padding:0 15px}.user-menu-trigger{padding:6px 12px}.username{display:none}}.nav-link{position:relative}.nav-link:after{background:linear-gradient(90deg,#ff9800,#f44336);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:70%}.dropdown-item{transition:all .3s ease}.dropdown-item:hover{transform:translateX(5px)}.logo-image{transition:all .3s ease}.header.scrolled .logo-image{transform:scale(.9)}.dropdown-wrapper{position:relative}.dropdown-toggle{align-items:center;display:flex;justify-content:center}.dropdown-arrow{display:inline-block;font-size:10px;margin-left:5px;transition:all .3s ease}.dropdown-wrapper button:focus .dropdown-arrow,.dropdown-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:fadeInDropdown .3s ease forwards;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;min-width:220px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(10px);visibility:hidden;z-index:100}@keyframes fadeInDropdown{to{opacity:1;transform:translateY(0);visibility:visible}}.dropdown-menu a{color:#333;display:block;font-weight:500;padding:10px 20px;text-decoration:none;text-shadow:none!important;transition:all .2s ease}.dropdown-menu a:hover{background-color:#3949ab0d;color:#3949ab!important;padding-left:25px}.main-nav ul li.dropdown-wrapper>button.nav-link:hover{color:#fff;text-shadow:0 0 10px #ffffffb3,0 1px 3px #00000080}.header.scrolled .main-nav ul li.dropdown-wrapper>button.nav-link{color:#3949ab;text-shadow:none}.header.scrolled .main-nav ul li.dropdown-wrapper>button.nav-link:hover{background-color:#3949ab0d;color:#5c6bc0}@media (max-width:992px){.dropdown-menu{background-color:#3949ab0d;border-radius:0;box-shadow:none;margin:5px 0;padding-left:20px;position:static;width:100%}.dropdown-menu a{padding:12px 15px}.dropdown-wrapper>a{align-items:center;display:flex!important;justify-content:space-between}.dropdown-arrow{font-size:14px}.header.scrolled .main-nav ul li.dropdown-wrapper>a:hover,.main-nav ul li.dropdown-wrapper>a:hover{background-color:#3949ab1a}}.modal-overlay{align-items:center;animation:fadeInModal .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e223673;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-box{animation:scaleInModal .3s;background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;max-height:95vh;max-width:500px;overflow:hidden;position:relative;width:98vw}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-tabs{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;gap:8px;justify-content:space-between;padding:18px 24px 0;z-index:2}.modal-tabs button{background:none;border:none;border-radius:6px 6px 0 0;color:#3949ab;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 18px;transition:background .2s,color .2s}.modal-tabs button.active{background:#f0f3ff;color:#2201a5}.modal-close{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:2rem;justify-content:center;line-height:1;margin-left:auto;padding:0 0 0 16px;transition:color .2s;z-index:3}.modal-close:hover{color:#f44336}.modal-content{background:#fff;flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}body.modal-blur .modal-box,body.modal-blur .modal-box *,body.modal-blur .modal-overlay{filter:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}@media (max-width:600px){.modal-box{border-radius:10px;max-width:99vw;min-width:0;padding:0 0 8px;width:99vw}.modal-content{padding:8px}.modal-tabs{padding:8px 8px 0}}.modal-content .auth-container{background:none;min-height:0;min-height:auto;padding:0}.modal-content .auth-content{border-radius:0;box-shadow:none;margin:0;max-width:100vw;min-height:0;min-height:auto}.modal-content .auth-form-container{max-width:100vw;padding:0}.modal-content .auth-graphic{display:none}.demo-modal{align-items:stretch;animation:scaleInModal .3s;background:#fff;border-radius:18px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;max-width:420px;padding:0 0 28px;position:relative;width:98vw}.modal-title{color:#3949ab;font-size:1.5rem;font-weight:800;margin:28px 0 18px;text-align:center}.demo-form{gap:16px;padding:0 32px}.demo-form,.demo-form label{display:flex;flex-direction:column}.demo-form label{color:#333;font-size:1rem;font-weight:600;gap:6px;margin-bottom:2px}.demo-form input{border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:0;margin-top:2px;outline:none;padding:10px 12px;transition:border .2s}.demo-form input:focus{border:1.5px solid #a259f7}.demo-submit-btn{background:linear-gradient(90deg,#a259f7,#3949ab);border:none;border-radius:30px;box-shadow:0 2px 12px #a259f71a;color:#fff;font-size:1.08rem;font-weight:700;margin-top:8px;padding:12px 0;transition:background .2s,transform .2s,box-shadow .2s;width:100%}.demo-submit-btn:hover{background:linear-gradient(90deg,#3949ab,#a259f7);box-shadow:0 4px 18px #a259f72e;transform:translateY(-2px) scale(1.03)}@media (max-width:600px){.demo-modal{border-radius:10px;max-width:99vw;padding:0 0 8px;width:99vw}.demo-form{padding:0 10px}.modal-title{font-size:1.1rem;margin:18px 0 10px}}.footer{background-color:#3f51b5;color:#fff;padding:60px 0 20px}.footer-main{margin-bottom:40px}.container{max-width:1200px;padding:0 20px}.footer-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(5,1fr)}.footer-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h3:after{background-color:#ff5722;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#ffffffe6;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#ff5722;padding-left:5px}.social-links{display:flex;gap:20px;margin-bottom:25px}.social-links a{color:#ffffffe6;font-size:1.5rem;transition:all .3s ease}.social-links a:hover{color:#ff5722;transform:translateY(-2px)}.contact-details{margin-bottom:25px}.contact-item{align-items:center;display:flex;margin-bottom:12px}.contact-item i{color:#ff5722;font-size:1.2rem;margin-right:12px}.contact-item a{color:#ffffffe6;font-size:.95rem;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#ff5722}.newsletter h4{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:15px}.newsletter-form{display:flex;gap:10px}.newsletter-form input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;flex:1 1;font-size:.95rem;padding:10px 15px;transition:all .3s ease}.newsletter-form input:focus{background-color:#ffffff26;border-color:#fff6;outline:none}.newsletter-form input::placeholder{color:#fff9}.subscribe-btn{background-color:#ff5722;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.subscribe-btn:hover{background-color:#f4511e;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px}.footer-bottom-bar{background:#1a236b;color:#fff;padding:.7rem 0;width:100%}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.footer-bottom-content .footer-links{display:flex;gap:2rem}.footer-bottom-content .footer-links a{color:#fff;text-decoration:none;transition:color .2s}.footer-bottom-content .footer-links a:hover{color:#b3c6ff}.scroll-to-top{align-items:center;background-color:#ff5722;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:40px}.scroll-to-top:hover{background-color:#f4511e;box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}@media (max-width:1024px){.footer-grid{gap:40px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.footer{padding:40px 0 20px}.footer-grid{gap:25px;grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-section h3{font-size:1.1rem}}@media (max-width:600px){.footer-bottom-content{flex-direction:column;gap:.7rem;padding:0 10px}.footer-bottom-content .footer-links{gap:1.2rem}}.minimal-footer{background:#232323;border-top:3px dashed #3fa7ff;color:#fff;padding:0}.minimal-footer .footer-main{margin:0 auto;max-width:1200px;padding:36px 0 18px}.minimal-footer .footer-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.minimal-footer .footer-section h3{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.01em;margin-bottom:18px}.minimal-footer .footer-section ul{list-style:none;margin:0;padding:0}.minimal-footer .footer-section ul li{margin-bottom:12px}.minimal-footer .footer-section ul li:last-child{margin-bottom:0}.minimal-footer .footer-section ul li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .2s}.minimal-footer .footer-section ul li a:hover{color:#3fa7ff}@media (max-width:900px){.minimal-footer .footer-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.minimal-footer .footer-grid{gap:18px;grid-template-columns:1fr}.minimal-footer .footer-main{padding:24px 0 10px}.minimal-footer .footer-section{text-align:center}}.hero-section,.home{overflow:hidden;position:relative}.hero-section{background:linear-gradient(#192f59cc,#283a5ae6);background-position:50%;background-size:cover;color:#fff;height:100vh;margin:-110px 0 0;padding:0;z-index:0}.hero-carousel{height:100%;overflow:hidden;position:relative;width:100%}.hero-slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;opacity:0;padding-top:110px;position:absolute;transition:opacity 1s ease;width:100%}.hero-slide.active{opacity:1;z-index:1}.hero-content{animation:fadeInUp 1s ease;max-width:800px;padding:0 20px;text-shadow:0 2px 5px #00000080;z-index:5}.hero-carousel-controls{align-items:center;bottom:70px;display:none;gap:20px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.carousel-control{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.carousel-control:hover{background:#ffffff4d;transform:translateY(-3px)}.carousel-pagination{display:none;gap:10px}.carousel-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.carousel-dot.active{background:#fff;box-shadow:0 0 10px #ffffff80;transform:scale(1.2)}.carousel-dot:hover{background:#fffc}.hero-section:before{background:linear-gradient(0deg,#fff,#fff0);bottom:0;content:"";height:50px;left:0;position:absolute;right:0;z-index:1}@media (max-width:992px){.carousel-pagination,.hero-carousel-controls{display:none}.carousel-control{height:40px;width:40px}}@media (max-width:768px){.hero-section{margin-top:-100px}.hero-slide{display:none;height:100%;min-height:auto;padding-top:100px;position:relative}.hero-slide.active{display:flex}.hero-section{height:100vh;min-height:auto}.hero-content{max-width:100%;padding:0 20px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem;margin-bottom:30px}.carousel-pagination,.hero-carousel-controls{display:none}.hero-section:before,.waves{height:40px}.section-header{margin-bottom:15px}.section-header h2{font-size:2rem;margin-bottom:5px}}@media (max-width:480px){.hero-section{margin-top:-90px}.hero-slide{padding-top:90px}.carousel-pagination,.hero-carousel-controls{display:none}.carousel-control{height:32px;width:32px}.carousel-dot{height:8px;width:8px}.hero-section:before,.waves{height:30px}.section-header{margin-bottom:12px}.section-header h2{font-size:1.8rem;margin-bottom:4px}}.container{position:relative;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-in .feature-card:first-child{animation:fadeInUp .6s ease forwards}.animate-in .feature-card:nth-child(2){animation:fadeInUp .6s ease .2s forwards;animation-fill-mode:forwards;opacity:0}.animate-in .feature-card:nth-child(3){animation:fadeInUp .6s ease .4s forwards;animation-fill-mode:forwards;opacity:0}.animate-in .feature-card:nth-child(4){animation:fadeInUp .6s ease .6s forwards;animation-fill-mode:forwards;opacity:0}.animate-in .course-card{animation:scaleIn .6s ease forwards;animation-delay:0s;animation-delay:calc(.15s*var(--i, 0));animation-fill-mode:forwards;opacity:0}.animate-in.app-section .app-text{animation:slideInLeft .8s ease forwards}.animate-in.app-section .app-image{animation:slideInRight .8s ease forwards}.course-image-wrapper{overflow:hidden;position:relative}.course-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:15px;position:absolute;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.17,.67,.83,.67)}.course-card:hover .course-overlay{transform:translateY(0)}.course-rating,.students-enrolled{color:#fff;font-size:.85rem;font-weight:500}.course-rating{letter-spacing:1px}.statistics{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin-top:30px}.stat-item{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000000d;flex:1 1;min-width:150px;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-10px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff9800,#f44336);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:10px}.stat-description{color:#666;font-weight:500}.app-features{list-style:none;margin:0 0 25px;padding:0}.app-features li{align-items:center;color:#ffffffe6;display:flex;font-size:1.05rem;margin-bottom:12px}.app-features li:before{align-items:center;background:#fff3;border-radius:50%;color:#4caf50;content:"✓";display:inline-block;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;margin-right:10px;width:24px}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-content p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;max-width:600px}.hero-content .cta-button{background:linear-gradient(90deg,#ff9800,#f44336);border-radius:50px;box-shadow:0 4px 15px #ff57224d;color:#fff;display:inline-block;font-weight:600;padding:15px 30px;text-decoration:none;text-shadow:none;transition:all .3s ease}.hero-content .cta-button:hover{box-shadow:0 8px 25px #ff572266;transform:translateY(-3px)}.waves{height:50px;left:0;z-index:0}.waves,.waves svg{bottom:0;position:absolute;width:100%}.waves svg{height:100%}.features-section{background:linear-gradient(135deg,#f9f9f9,#f5f5f5);padding-top:60px;position:relative}.features-section:before{background:linear-gradient(180deg,#fff0,#fff);content:"";height:100px;left:0;position:absolute;right:0;top:-50px;z-index:1}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease;z-index:1}.feature-card:before{background:linear-gradient(180deg,#ff9800,#f44336);content:"";height:0;left:0;position:absolute;top:0;transition:all .3s ease;width:5px;z-index:-1}.feature-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-15px)}.feature-card:hover:before{height:100%}.feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff9800,#f44336);-webkit-background-clip:text;font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:15px;transition:all .3s ease}.feature-card p{color:#666;line-height:1.6}.feature-card:hover h3{transform:translateX(10px)}.courses-section{background:#fff;margin-top:-30px;padding:30px 0 50px;position:relative}.courses-section h2{font-size:2.5rem;font-weight:800;margin-bottom:30px;position:relative;text-align:center}.courses-section h2:after{background:linear-gradient(90deg,#ff9800,#f44336);border-radius:4px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.courses-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.course-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.course-image-wrapper img{height:200px;object-fit:cover;transition:all .5s ease;width:100%}.course-card:hover .course-image-wrapper img{transform:scale(1.1)}.course-card h3{font-size:1.4rem;font-weight:700;padding:20px 20px 10px}.course-card p{color:#666;font-size:.95rem;line-height:1.6;padding:0 20px 20px}.course-link{background:linear-gradient(45deg,#ff9800,#f44336);border-radius:50px;box-shadow:0 5px 15px #ff980033;font-weight:600;margin:0 20px 20px;padding:10px 25px;transition:all .3s ease}.course-link:hover{box-shadow:0 8px 20px #ff98004d;transform:translateY(-3px)}.success-stories-section{background:linear-gradient(135deg,#f5f5f5,#f0f0f0);margin-top:-30px;padding:40px 0 50px}.success-stories-section h2{font-size:2.5rem;font-weight:800;margin-bottom:30px;position:relative;text-align:center}.success-stories-section h2:after{background:linear-gradient(90deg,#ff9800,#f44336);border-radius:4px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.stories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:30px}.story-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;display:flex;overflow:hidden;padding:30px;transition:all .3s ease}.story-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.student-image{flex:0 0 100px;margin-right:25px}.student-image img{border:5px solid #ff980033;border-radius:50%;height:100px;object-fit:cover;transition:all .3s ease;width:100px}.story-card:hover .student-image img{border-color:#ff980080}.story-content{flex:1 1}.story-content h3{font-size:1.3rem;margin-bottom:5px}.story-content .achievement{color:#f44336;font-weight:600;margin-bottom:15px}.story-content .testimonial{color:#666;font-style:italic;line-height:1.6}.app-section{background:linear-gradient(135deg,#3949abe6,#1a237ef2);background-position:50%;background-size:cover;color:#fff;margin-top:-30px;overflow:hidden;padding:50px 0;position:relative}.app-content{align-items:center;display:flex;gap:50px}.app-text{flex:1 1}.app-text h2{font-size:2.5rem;font-weight:800;margin-bottom:20px}.app-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.app-buttons{display:flex;gap:20px}.app-button{display:inline-block;transition:all .3s ease}.app-button:hover{transform:translateY(-5px)}.app-button img{height:50px;object-fit:contain}.app-image{display:flex;flex:1 1;justify-content:flex-end;position:relative}.app-image img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3));height:auto;max-width:80%;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.app-image:before{background:#ffffff1a;border-radius:50%;content:"";filter:blur(50px);height:300px;position:absolute;width:300px;z-index:0}@media (max-width:992px){.hero-content h1{font-size:3rem}.app-content{flex-direction:column;text-align:center}.app-image,.app-text{flex:0 0 100%}.app-image{margin-top:30px}.app-buttons,.app-image{justify-content:center}}@media (max-width:768px){.hero-section{height:auto;min-height:70vh;padding:100px 0}.hero-content h1{font-size:2.5rem}.cta-button,.hero-content p{font-size:1rem}.cta-button{padding:14px 30px}.stories-grid{gap:20px;margin-top:20px}.courses-grid{gap:15px}.statistics{gap:10px;margin-top:20px}.categories-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.story-card{align-items:center;flex-direction:column;text-align:center}.student-image{margin-bottom:20px;margin-right:0}}@media (max-width:480px){.hero-content h1{font-size:2rem}.app-section,.courses-section,.features-section,.success-stories-section{margin-top:-20px;padding:30px 0 40px}.stories-grid{gap:15px;margin-top:15px}.statistics{gap:8px;margin-top:15px}.categories-grid{gap:12px;grid-template-columns:1fr}.app-buttons{align-items:center;flex-direction:column}.stat-item{min-width:130px}.stat-number{font-size:2rem}}.key-features-highlight{background:#fff;border-radius:12px;box-shadow:0 5px 30px #0000000d;margin:0 auto;max-width:94%;padding:15px 0;position:relative;transform:translateY(-60px);z-index:10}.features-highlight-grid{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}.feature-highlight-item{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:220px;padding:10px 5px;text-align:center;transition:all .3s ease}.feature-highlight-item:hover{transform:translateY(-5px)}.feature-highlight-icon{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:flex;height:70px;justify-content:center;margin:0 auto 12px;transition:all .3s ease;width:70px}.feature-highlight-icon svg{height:32px;width:32px}.feature-highlight-item h3{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 4px}.feature-highlight-item p{color:#666;font-size:.95rem;line-height:1.4;margin:0}@media (max-width:768px){.key-features-highlight{max-width:96%;padding:12px 0;transform:translateY(-50px)}.hero-carousel-controls{bottom:60px}.features-highlight-grid{gap:5px;padding:0 5px}.feature-highlight-item{min-width:140px;padding:12px 5px}.feature-highlight-icon{height:56px;width:56px}.feature-highlight-icon svg{height:24px;width:24px}.feature-highlight-item h3{font-size:1.1rem}.feature-highlight-item p{font-size:.8rem}}@media (max-width:480px){.key-features-highlight{max-width:98%;padding:10px 0;transform:translateY(-40px)}.hero-carousel-controls{bottom:40px}.features-highlight-grid{flex-wrap:wrap}.feature-highlight-item{max-width:50%;min-width:0;min-width:auto;padding:10px 5px;width:50%}}.exam-categories-section{background:#fff;margin-top:-25px;padding:10px 0 50px}.section-header{margin-bottom:20px;text-align:center;width:100%}.section-header h2{color:#333;font-size:2.5rem;font-weight:800;margin:0 auto 8px;text-align:center}.section-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:750px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:0 15px}.category-tab{background:none;border:none;border-radius:30px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.category-tab:before{background:linear-gradient(45deg,#ff9800,#f44336);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0;z-index:-1}.category-tab:hover{color:#333}.category-tab:hover:before{width:80%}.category-tab.active{background:#3949ab14;color:#3949ab}.category-tab.active:before{background:#3949ab;height:3px;width:100%}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.categories-slider,.categories-slider-container,.slider-control,.slider-pagination{display:none!important}@media (max-width:768px){.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.category-tabs{gap:10px}.category-tab{font-size:.9rem;padding:8px 16px}.categories-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.category-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.category-tab{font-size:.85rem;padding:8px 12px;width:100%}}@media (max-width:480px){.categories-grid{gap:12px;grid-template-columns:1fr}.category-tab{font-size:.85rem;padding:8px 12px;width:100%}}.app-section,.courses-section,.exam-categories-section,.key-features-highlight,.success-stories-section{position:relative}.courses-section h2,.success-stories-section h2{margin-top:0}.stories-grid{margin-top:40px}@media (max-width:768px){.courses-section h2,.success-stories-section h2{font-size:2rem;margin-bottom:25px}.stories-grid{margin-top:30px}}@media (max-width:480px){.courses-section h2,.success-stories-section h2{font-size:1.8rem;margin-bottom:20px}.stories-grid{margin-top:25px}}.courses-slider-container{margin:40px 0 20px;overflow:hidden;padding:0 40px;position:relative}.courses-slider-container .slider-control{background-color:#fff;box-shadow:0 2px 10px #0000001a;height:44px;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:10}.courses-slider-container .prev-btn{left:-5px}.courses-slider-container .next-btn{right:-5px}.courses-section .slider-pagination{margin-top:25px}.courses-section .pagination-dot{background-color:#ddd;height:12px;transition:all .3s ease;width:12px}.courses-section .pagination-dot.active{background-color:#ff6b00;width:35px}.courses-slider{grid-gap:20px;-ms-overflow-style:none;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);overflow-x:hidden;padding:10px 5px;scroll-behavior:smooth;scrollbar-width:none}.courses-slider::-webkit-scrollbar{display:none}.course-card{border-radius:15px;box-shadow:0 10px 30px #00000014;position:relative;transition:all .3s ease;width:100%}@media (max-width:1200px){.courses-slider{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.courses-slider{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.courses-slider-container{padding:0 30px}.courses-slider{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.courses-slider-container{padding:0 20px}.courses-slider{gap:15px;grid-template-columns:1fr}}.stories-tabs{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.story-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .3s ease}.story-tab.active{border-bottom:2px solid #3949ab;color:#3949ab}.instructor-stories{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.instructor-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.instructor-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.instructor-image{height:200px;overflow:hidden;width:100%}.instructor-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.instructor-card:hover .instructor-image img{transform:scale(1.05)}@media (max-width:768px){.stories-tabs{align-items:center;flex-direction:column;gap:10px}.story-tab{max-width:250px;text-align:center;width:100%}.instructor-stories,.student-stories{grid-template-columns:1fr}}.new-category-card{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;transition:box-shadow .3s,transform .3s}.new-category-card:hover{box-shadow:0 8px 32px #00000021;transform:translateY(-6px) scale(1.02)}.category-image-wrapper{align-items:center;background:#f7f7f7;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.category-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.category-info{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;padding:32px 24px 28px}.category-info h3{color:#222;font-size:2rem;font-weight:800;letter-spacing:.01em;margin:0 0 16px}.category-info p{color:#666;font-size:1.15rem;line-height:1.5;margin-bottom:28px}.explore-course-btn{background:linear-gradient(90deg,#ff9800,#f44336);border:none;border-radius:30px;box-shadow:0 2px 12px #ff98001a;color:#fff;display:inline-block;font-size:1.15rem;font-weight:700;outline:none;padding:14px 38px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.explore-course-btn:hover{background:linear-gradient(90deg,#f44336,#ff9800);box-shadow:0 4px 18px #ff98002e;transform:translateY(-2px) scale(1.04)}@media (max-width:768px){.category-info{padding:20px 12px 18px}.category-info h3{font-size:1.3rem}.category-info p{font-size:1rem;margin-bottom:18px}.explore-course-btn{font-size:1rem;padding:12px 20px}.category-image-wrapper{height:120px}}@media (max-width:480px){.category-info{padding:12px 6px}.category-info h3{font-size:1.1rem}.category-info p{font-size:.95rem;margin-bottom:12px}.explore-course-btn{font-size:.95rem;padding:10px}.category-image-wrapper{height:90px}}.trainer-review-section{background:#fff;padding:60px 0 40px}.trainer-review-title{color:#222;font-size:2.3rem;font-weight:800;margin-bottom:8px;text-align:center}.trainer-review-subtitle{color:#888;font-size:1.1rem;margin-bottom:38px;text-align:center}.trainer-review-grid{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center}.trainer-card{align-items:stretch;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding-bottom:0;transition:box-shadow .3s,transform .3s}.trainer-card:hover{box-shadow:0 8px 32px #00000021;transform:translateY(-6px) scale(1.02)}.trainer-image-wrapper{align-items:center;background:#f7f7f7;display:flex;height:220px;justify-content:center;overflow:hidden;width:100%}.trainer-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.trainer-info{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;padding:28px 22px 24px}.trainer-info h3{color:#222;font-size:1.25rem;font-weight:700;margin:0 0 8px}.trainer-title{color:#2563eb;font-size:1.05rem;font-weight:600;margin-bottom:12px;margin-top:0}.trainer-desc{color:#555;font-size:1rem;line-height:1.5;margin-bottom:0}@media (max-width:900px){.trainer-review-grid{gap:24px;grid-template-columns:1fr}.trainer-image-wrapper{height:180px}}@media (max-width:600px){.trainer-review-title{font-size:1.3rem}.trainer-review-subtitle{font-size:1rem;margin-bottom:18px}.trainer-info{padding:14px 8px}.trainer-image-wrapper{height:120px}}.faq-section{background:#fff;padding:48px 0}.faq-container{background:#fff;border:2px dashed #a259f7;border-radius:8px;margin:0 auto;max-width:900px;padding:32px 18px}.faq-title{color:#222;font-size:2rem;font-weight:800;margin-bottom:.5rem;text-align:center}.faq-subtitle{color:#444;font-size:1.1rem;font-weight:500;margin-bottom:2.2rem;text-align:center}.faq-list{width:100%}.faq-item{background:#faf8ff;border:1px solid #e0d7fa;border-radius:6px;margin-bottom:16px;overflow:hidden;transition:box-shadow .2s}.faq-item:last-child{margin-bottom:0}.faq-question{align-items:center;background:none;border:none;color:#222;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;justify-content:space-between;outline:none;padding:18px 16px;text-align:left;transition:background .2s;width:100%}.faq-question:hover,.faq-question[aria-expanded=true]{background:#f3eaff}.faq-arrow{color:#a259f7;font-size:1.3rem;margin-left:12px;transition:transform .2s}.faq-answer{animation:fadeInFaq .2s;background:#faf8ff;border-top:1px solid #e0d7fa;color:#333;font-size:1.05rem;padding:0 16px 18px}@keyframes fadeInFaq{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.faq-container{padding:16px 4px}.faq-title{font-size:1.2rem}.faq-subtitle{font-size:1rem;margin-bottom:1.2rem}.faq-question{font-size:1rem;padding:12px 8px}.faq-answer{font-size:.95rem;padding:0 8px 10px}}.modern-trainer-section{background:linear-gradient(120deg,#f5f7ff,#e8ecff);padding:70px 0 50px;position:relative}.modern-trainer-grid{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.modern-trainer-card{align-items:center;background:#fff;border-radius:22px;box-shadow:0 8px 32px #3c50b41a;display:flex;flex-direction:column;min-width:0;overflow:visible;padding-bottom:0;position:relative;transition:box-shadow .3s,transform .3s}.modern-trainer-card:hover{box-shadow:0 16px 48px #3c50b42e;transform:translateY(-8px) scale(1.03)}.modern-trainer-image-wrapper{align-items:center;background:#fff;border:5px solid #a259f7;border-radius:50%;box-shadow:0 2px 12px #a259f71a;display:flex;height:120px;justify-content:center;margin:-60px auto 18px;overflow:hidden;position:relative;width:120px;z-index:2}.modern-trainer-image-wrapper img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.modern-trainer-card .trainer-info{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;padding:32px 24px 24px;text-align:center}.modern-trainer-card .trainer-info h3{color:#222;font-size:1.3rem;font-weight:800;margin:0 0 8px}.modern-trainer-card .trainer-title{color:#5c6bc0;font-size:1.08rem;font-weight:700;margin-bottom:10px;margin-top:0}.modern-trainer-card .trainer-desc{color:#555;font-size:1.02rem;line-height:1.5;margin-bottom:18px}.trainer-socials{display:flex;gap:18px;justify-content:center;margin-top:8px}.trainer-socials a{align-items:center;color:#a259f7;display:flex;font-size:1.3rem;transition:color .2s,transform .2s}.trainer-socials a:hover{color:#3949ab;transform:scale(1.18) translateY(-2px)}.trainer-cta-wrapper{display:flex;justify-content:center;margin-top:18px}.trainer-cta-btn{background:linear-gradient(90deg,#a259f7,#3949ab);border:none;border-radius:30px;box-shadow:0 2px 12px #a259f71a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;outline:none;padding:14px 38px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.trainer-cta-btn:hover{background:linear-gradient(90deg,#3949ab,#a259f7);box-shadow:0 4px 18px #a259f72e;transform:translateY(-2px) scale(1.04)}@media (max-width:900px){.modern-trainer-grid{gap:24px;grid-template-columns:1fr}.modern-trainer-image-wrapper{height:90px;margin-top:-45px;width:90px}}@media (max-width:600px){.modern-trainer-section{padding:40px 0 30px}.modern-trainer-card .trainer-info{padding:18px 8px 14px}.modern-trainer-image-wrapper{height:70px;margin-top:-35px;width:70px}.trainer-cta-btn{font-size:1rem;padding:10px 18px}}.about{min-height:100vh}.about-hero{background:linear-gradient(#3949abd9,#1a237ed9),url(https://img.freepik.com/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-627.jpg);background-position:50%;background-size:cover;color:#fff;padding:90px 0 60px;position:relative;text-align:center}.about-hero h1{font-size:3.2rem;font-weight:900;letter-spacing:1px;margin-bottom:18px}.about-hero p{font-size:1.3rem;font-weight:400;margin:0 auto;max-width:700px;opacity:.95}.about-content{background:linear-gradient(120deg,#f5f7ff,#e8ecff);padding:60px 0 40px}.mission-vision{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:60px}.mission,.vision{background:#fff;border-radius:18px;box-shadow:0 4px 24px #3949ab14;flex:1 1 320px;max-width:420px;padding:38px 32px 32px;position:relative;text-align:center;transition:box-shadow .3s,transform .3s}.mission:hover,.vision:hover{box-shadow:0 8px 32px #3949ab29;transform:translateY(-6px) scale(1.03)}.mission:before,.vision:before{display:none}.mission-icon,.vision-icon{color:#a259f7;display:block;font-size:2.5rem;margin-bottom:12px}.vision-icon{color:#3949ab}.mission h2,.vision h2{color:#3949ab;font-size:1.6rem;font-weight:800;margin-bottom:14px}.mission p,.vision p{color:#555;font-size:1.08rem;line-height:1.7}.team-section{margin-top:30px;text-align:center}.team-section h2{color:#3949ab;font-size:2.2rem;font-weight:800;margin-bottom:32px}.team-grid{display:flex;flex-wrap:wrap;gap:36px;justify-content:center}.team-member{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 24px #3949ab14;display:flex;flex:1 1 220px;flex-direction:column;max-width:260px;padding:32px 24px 24px;position:relative;transition:box-shadow .3s,transform .3s}.team-member:hover{box-shadow:0 8px 32px #a259f729;transform:translateY(-8px) scale(1.04)}.member-image{background:#f5f7ff;border:4px solid #a259f7;border-radius:50%;box-shadow:0 2px 12px #a259f71a;height:100px;margin-bottom:18px;overflow:hidden;width:100px}.member-image img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.team-member h3{color:#222;font-size:1.15rem;font-weight:700;margin-bottom:6px}.team-member p{color:#5c6bc0;font-size:1rem;font-weight:600;margin-bottom:0}@media (max-width:900px){.mission-vision{align-items:center;flex-direction:column;gap:24px}.team-grid{gap:20px}}@media (max-width:600px){.about-hero{padding:50px 0 30px}.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.about-content{padding:30px 0 20px}.mission,.vision{max-width:98vw;padding:18px 8px}.team-section h2{font-size:1.2rem;margin-bottom:18px}.team-member{max-width:98vw;padding:14px 8px}.member-image{height:70px;margin-bottom:10px;width:70px}}.services{min-height:100vh}.services-hero{background:linear-gradient(#000000b3,#000000b3),url(https://img.freepik.com/free-photo/group-diverse-people-having-business-meeting_53876-25060.jpg);background-position:50%;background-size:cover;color:#fff;padding:80px 0;text-align:center}.services-hero h1{font-size:3rem;margin-bottom:1rem}.services-hero p{font-size:1.2rem}.services-grid{background-color:#f8f9fa;padding:80px 0}.services-grid .container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-icon{color:#007bff;font-size:2.5rem;margin-bottom:1.5rem}.service-card h3{color:#333;margin-bottom:1rem}.service-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.learn-more{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 20px;transition:background-color .3s}.learn-more:hover{background-color:#0056b3}.why-choose-us{padding:80px 0}.why-choose-us h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit{padding:2rem;text-align:center}.benefit h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.benefit p{color:#666;line-height:1.6}.contact{min-height:100vh}.contact-page{background:linear-gradient(120deg,#f5f7ff,#e8ecff);min-height:60vh}.contact-hero{background:linear-gradient(#3949abd9,#1a237ed9),url(https://img.freepik.com/free-photo/customer-service-representative-working-office_23-2149043480.jpg);background-position:50%;background-size:cover;color:#fff;padding:80px 0 50px;text-align:center}.contact-hero h1{font-size:2.7rem;font-weight:900;margin-bottom:16px}.contact-hero p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.95}.contact-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:-60px auto 0;max-width:1100px;padding:0 20px 60px}.contact-form-card,.contact-info-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #3949ab14;flex:1 1 320px;margin-bottom:24px;max-width:420px;padding:38px 32px 32px}.contact-form-card h2,.contact-info-card h2{color:#3949ab;font-size:1.3rem;font-weight:800;margin-bottom:18px;text-align:center}.contact-form{gap:16px}.contact-form,.contact-form label{display:flex;flex-direction:column}.contact-form label{color:#333;font-size:1rem;font-weight:600;gap:6px;margin-bottom:2px}.contact-form input,.contact-form textarea{border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:0;margin-top:2px;outline:none;padding:10px 12px;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid #a259f7}.form-error{color:#f44336;font-size:.98rem}.form-error,.form-success{margin-top:2px;text-align:center}.form-success{color:#43a047;font-size:1.05rem;font-weight:600}.contact-submit-btn{background:linear-gradient(90deg,#a259f7,#3949ab);border:none;border-radius:30px;box-shadow:0 2px 12px #a259f71a;color:#fff;font-size:1.08rem;font-weight:700;margin-top:8px;padding:12px 0;transition:background .2s,transform .2s,box-shadow .2s;width:100%}.contact-submit-btn:hover{background:linear-gradient(90deg,#3949ab,#a259f7);box-shadow:0 4px 18px #a259f72e;transform:translateY(-2px) scale(1.03)}.contact-info-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}.contact-info-item{align-items:center;color:#555;display:flex;font-size:1.08rem;font-weight:500;gap:12px}.contact-info-item i{color:#a259f7;font-size:1.3rem;min-width:24px}@media (max-width:900px){.contact-content{align-items:center;flex-direction:column;gap:24px}}@media (max-width:600px){.contact-hero{padding:40px 0 20px}.contact-hero h1{font-size:1.5rem}.contact-hero p{font-size:1rem}.contact-content{padding:0 5px 30px}.contact-form-card,.contact-info-card{max-width:98vw;padding:18px 8px}}.specialization-page{align-items:center;background:linear-gradient(120deg,#f5f7ff,#e8ecff);display:flex;justify-content:center;min-height:60vh}.specialization-title{color:#3949ab;font-size:2.7rem;font-weight:800;margin-bottom:18px;text-align:center}.specialization-desc{color:#555;font-size:1.2rem;margin:0 auto;max-width:600px;text-align:center}.courses{min-height:100vh}.courses-hero{background:linear-gradient(#000000b3,#000000b3),url(https://img.freepik.com/free-photo/young-student-woman-wearing-denim-jacket-using-laptop-computer-study-online-course-sitting-desk-modern-college-classroom_637285-2274.jpg);background-position:50%;background-size:cover;color:#fff;padding:80px 0;text-align:center}.courses-hero h1{font-size:3rem;margin-bottom:1rem}.courses-hero p{font-size:1.2rem}.course-filters{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 0}.filter-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-options select{background-color:#fff;border:1px solid #ddd;border-radius:5px;min-width:150px;padding:8px 16px}.courses-page{background:linear-gradient(120deg,#f5f7ff,#e8ecff);min-height:60vh;padding:40px 0 60px}.courses-title{color:#3949ab;font-size:2.7rem;font-weight:800;margin-bottom:32px;text-align:center}.courses-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1100px}.course-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s,transform .3s}.course-card:hover{box-shadow:0 8px 32px #00000021;transform:translateY(-6px) scale(1.02)}.course-image{align-items:center;background:#f7f7f7;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.course-image img{display:block;height:100%;object-fit:cover;width:100%}.course-content{display:flex;flex:1 1 auto;flex-direction:column;padding:28px 22px 24px}.course-content h3{color:#222;font-size:1.25rem;font-weight:700;margin:0 0 10px}.course-content p{color:#555;font-size:1.05rem;line-height:1.5;margin-bottom:18px}.course-link{background:linear-gradient(90deg,#a259f7,#3949ab);border:none;border-radius:30px;box-shadow:0 2px 12px #a259f71a;color:#fff;display:inline-block;font-size:1.05rem;font-weight:700;outline:none;padding:10px 28px;text-align:center;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.course-link:hover{background:linear-gradient(90deg,#3949ab,#a259f7);box-shadow:0 4px 18px #a259f72e;transform:translateY(-2px) scale(1.04)}@media (max-width:600px){.courses-title{font-size:1.5rem;margin-bottom:18px}.courses-grid{gap:16px}.course-image{height:110px}.course-content{padding:14px 8px}.course-link{font-size:.98rem;padding:8px 12px}}.course-meta{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.course-meta span{align-items:center;display:flex;gap:.5rem}.course-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:1rem}.price{color:#007bff;font-size:1.2rem;font-weight:700}.enroll-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 20px;transition:background-color .3s}.enroll-btn:hover{background-color:#0056b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:70px;padding-bottom:40px}.container{margin:0 auto;max-width:1400px;width:92%}.btn{background-color:#3949ab;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:#303f9f}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.form-control{border:1px solid #ddd;border-radius:4px;display:block;font-size:1rem;margin-bottom:15px;padding:12px 15px;width:100%}.page-header{background-color:#f5f7ff;border-radius:8px;margin:30px 0 40px;padding:40px 20px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:15px}.page-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:800px}@media (max-width:992px){.main-content{margin-top:60px}}@media (max-width:768px){.page-header h1{font-size:2rem}.page-header{padding:30px 15px}}@media (max-width:576px){.container{width:95%}}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.py-5{padding-bottom:3rem;padding-top:3rem}
/*# sourceMappingURL=main.d1721bc4.css.map*/