.about-hero{background:#f9f9ff;padding:60px 5%}.about-hero .about-hero-content{justify-content:space-between;align-items:center;gap:40px;display:flex}.about-hero .about-hero-content .left{flex:1}.about-hero .about-hero-content .left h1{color:#2c2c54;font-size:42px;font-weight:700}.about-hero .about-hero-content .left h3{color:#6c63ff;margin:10px 0;font-size:20px}.about-hero .about-hero-content .left p{color:#555;margin:20px 0;line-height:1.6}.about-hero .about-hero-content .right{flex:1}.about-hero .about-hero-content .right img{width:100%;max-width:500px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#7f53ff);border:none;border-radius:8px;padding:12px 24px}@media (width<=768px){.about-hero-content{text-align:center;flex-direction:column}.about-hero-content .right img{max-width:300px}}.about-card{text-align:center;background:#fff;padding:60px 5%}.about-card .header{margin-bottom:40px}.about-card .header h2{color:#2c2c54;font-size:32px}.about-card .header p{color:#666;margin-top:10px}.about-card .cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.about-card-item{cursor:pointer;background:#f9f9ff;border-radius:12px;padding:25px;transition:all .3s}.about-card-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000014}.about-card-item .icon{color:#6c63ff;margin-bottom:15px;font-size:30px}.about-card-item h3{color:#333;margin-bottom:10px}.about-card-item p{color:#777;font-size:14px}@media (width<=1024px){.about-card .cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-card .cards{grid-template-columns:1fr}}.about-certificate{background:linear-gradient(135deg,#f5f7ff,#eef1ff);padding:70px 5%}.about-certificate .about-certificate-content{justify-content:space-between;align-items:center;gap:50px;display:flex}.about-certificate .about-certificate-content .left{flex:1}.about-certificate .about-certificate-content .left img{width:100%;max-width:450px}.about-certificate .about-certificate-content .right{flex:1}.about-certificate .about-certificate-content .right h2{color:#2c2c54;font-size:34px}.about-certificate .about-certificate-content .right h4{color:#6c63ff;margin:10px 0;font-weight:500}.about-certificate .about-certificate-content .right p{color:#555;margin:20px 0;line-height:1.6}.about-certificate-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#7f53ff);border:none;border-radius:8px;padding:12px 26px;transition:all .3s}.about-certificate-btn:hover{opacity:.9}@media (width<=768px){.about-certificate-content{text-align:center;flex-direction:column}.about-certificate-content .left img{max-width:300px}}.contact-founder{text-align:center;background:#f9f9ff;padding:70px 5%}.contact-founder .header{margin-bottom:40px}.contact-founder .header h2{color:#2c2c54;font-size:32px}.contact-founder .header p{color:#666;margin-top:8px}.contact-founder .cards{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.contact-founder-card{background:#fff;border-radius:16px;width:280px;padding:25px;transition:all .3s;box-shadow:0 10px 25px #0000000d}.contact-founder-card:hover{transform:translateY(-8px)}.contact-founder-card img{object-fit:cover;border-radius:50%;width:120px;height:120px;margin-bottom:15px}.contact-founder-card h3{color:#333;margin-bottom:5px}.contact-founder-card .role{color:#6c63ff;margin-bottom:15px;font-size:14px}.contact-founder-card .details{color:#555;font-size:13px}.contact-founder-card .details p{justify-content:center;align-items:center;gap:8px;margin:5px 0;display:flex}.contact-founder-card .socials{justify-content:center;gap:15px;margin-top:15px;display:flex}.contact-founder-card .socials a{color:#6c63ff;font-size:18px;transition:all .3s}.contact-founder-card .socials a:hover{color:#333}@media (width<=768px){.contact-founder .cards{flex-direction:column;align-items:center}}.contact-feedback{text-align:center;background:#fff;padding:70px 5%}.contact-feedback .header{margin-bottom:30px}.contact-feedback .header h2{color:#2c2c54;font-size:32px}.contact-feedback .header p{color:#666;margin-top:8px}.feedback-form{flex-direction:column;gap:15px;max-width:500px;margin:auto;display:flex}.contact-input,.contact-textarea{text-align:left;flex-direction:column;display:flex}.contact-input label,.contact-textarea label{color:#444;margin-bottom:5px;font-size:14px}.contact-input input,.contact-input textarea,.contact-textarea input,.contact-textarea textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px}.contact-input input:focus,.contact-input textarea:focus,.contact-textarea input:focus,.contact-textarea textarea:focus{border-color:#6c63ff}.feedback-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#7f53ff);border:none;border-radius:8px;margin-top:10px;padding:12px}.feedback-btn:hover{opacity:.9}@media (width<=600px){.feedback-form{width:100%}}.header-section{background:linear-gradient(90deg,#4f46e5,#7c3aed);width:100%}.header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;position:relative}.logo{color:#fff;letter-spacing:.5px;font-size:24px;font-weight:700}.navbar{align-items:center;gap:24px;display:flex}.nav-link{color:#e5e7eb;white-space:nowrap;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:#fff}.desktop-nav{display:flex}.menu-toggle{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:26px;display:none}.mobile-nav{background:#fff;border-radius:10px;flex-direction:column;gap:12px;min-width:160px;padding:16px;display:flex;position:absolute;top:70px;right:20px;box-shadow:0 10px 25px #0000001a}.mobile-nav .nav-link{color:#111827}@media (width<=768px){.desktop-nav{display:none}.menu-toggle{display:block}}.auth-section{background:#f9fafb;width:100%;padding:30px 20px}.auth-container{justify-content:space-between;align-items:center;gap:40px;max-width:1100px;margin:auto;display:flex}.auth-left,.auth-right{flex:1;justify-content:center;display:flex}.auth-right img{width:100%;max-width:400px}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:30px;box-shadow:0 10px 25px #0000000d}.tabs{margin-bottom:20px;display:flex}.tab{text-align:center;cursor:pointer;color:#6b7280;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:500}.tab.active{color:#4f46e5;border-bottom:2px solid #4f46e5}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px}.auth-input:focus{border-color:#4f46e5}.auth-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;margin-top:10px;padding:10px;transition:all .3s}.auth-button:hover{background:#4338ca}.forgot{color:#6b7280;text-align:right;cursor:pointer;font-size:12px}@media (width<=768px){.auth-container{text-align:center;flex-direction:column}.auth-right{order:-1}.auth-right img{max-width:250px}}.ad-section{background:#f9fafb;width:100%;padding:1px 20px}.ad-container{max-width:1200px;margin:auto}.ad-title{text-align:center;color:#111827;margin-bottom:40px;font-size:26px;font-weight:600}.ad-carousel{scroll-snap-type:x mandatory;gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.ad-carousel::-webkit-scrollbar{display:none}.ad-card{text-align:center;scroll-snap-align:start;background:#fff;border-radius:14px;flex-shrink:0;min-width:220px;max-width:240px;padding:20px;transition:all .3s;box-shadow:0 10px 25px #0000000f}.ad-card:hover{transform:translateY(-6px)}.ad-icon{color:#4f46e5;margin-bottom:12px;font-size:32px}.ad-card h3{margin-bottom:6px;font-size:16px}.ad-card p{color:#6b7280;font-size:13px}.ad-carousel-wrapper{align-items:center;display:flex;position:relative}.nav-btn{z-index:10;color:#fff;cursor:pointer;opacity:.9;background:#4f46e5;border:none;border-radius:50%;width:36px;height:36px;position:absolute}.nav-btn:hover{opacity:1}.nav-btn.left{left:-10px}.nav-btn.right{right:-10px}.ad-carousel{scroll-behavior:smooth}@media (width<=768px){.ad-title{font-size:20px}.ad-carousel{gap:12px}.ad-card{min-width:180px}}.footer-section{color:#fff;background:#111827;width:100%;padding:50px 20px}.footer{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:auto;display:flex}.footer-brand h2{margin-bottom:10px;font-size:22px}.footer-brand p{color:#9ca3af;max-width:250px;font-size:14px}.footer-columns{flex-wrap:wrap;gap:40px;display:flex}.footer-column h4{margin-bottom:10px;font-size:16px}.footer-link{color:#9ca3af;cursor:pointer;margin-bottom:6px;font-size:14px;transition:all .3s}.footer-link:hover{color:#fff}@media (width<=768px){.footer{text-align:center;flex-direction:column;align-items:center}.footer-columns{justify-content:center}}.dashboard-feature-section{width:100%}.feature-section h2{margin-bottom:20px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 10px #00000014}.feature-card:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:10px;font-size:30px}.feature-card h3{margin-bottom:5px}.feature-card p{color:#6b7280;font-size:14px}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.feature-grid{grid-template-columns:1fr}}.sidebar-section{height:100vh}.sidebar{color:#fff;background:#111827;flex-direction:column;justify-content:space-between;width:250px;height:100vh;padding:20px 10px;display:flex}.sidebar-logo{text-align:center;margin-bottom:30px;font-size:22px;font-weight:700}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:all .3s;display:flex}.sidebar-item:hover{background:#374151}.sidebar-icon{font-size:16px}.sidebar-logout{margin-top:auto}@media (width<=768px){.sidebar{width:70px}.sidebar-item span{display:none}.sidebar-logo{font-size:16px}}.sidebar-item.active{color:#fff;background:#4f46e5}.video-section{width:100%;padding:20px}.video-player{gap:20px;display:flex}.video-container{flex:2}.video-container video{border-radius:10px}.video-container h3{margin-top:10px}.lecture-list{background:#f3f4f6;border-radius:10px;flex:1;max-height:400px;padding:10px;overflow-y:auto}.lecture-item{cursor:pointer;background:#fff;border-radius:6px;margin-bottom:6px;padding:10px;transition:all .2s}.lecture-item:hover{background:#e5e7eb}.lecture-item.active{color:#fff;background:#4f46e5}@media (width<=768px){.video-player{flex-direction:column}}.profile-page{background:#f3f4f6;min-height:100vh;display:flex}.profile-content{flex:1;justify-content:flex-start;align-items:flex-start;padding:30px;display:flex}.profile-section{justify-content:center;width:100%;display:flex}.profile-card{color:#000;background:#fff;border-radius:10px;width:100%;max-width:400px;padding:20px;box-shadow:0 4px 12px #0000001a}.profile-card h2{margin-bottom:20px}.profile-field{justify-content:space-between;margin-bottom:10px;display:flex}.label{font-weight:600}.value{color:#374151}.progress{margin-top:20px}.progress span{font-size:14px}.progress-bar{background:#e5e7eb;border-radius:10px;width:100%;height:8px;margin:6px 0;overflow:hidden}.progress-fill{background:#4f46e5;border-radius:10px;height:100%;transition:width .3s}@media (width<=768px){.profile-page{flex-direction:column}.profile-content{padding:20px}.profile-card{max-width:100%}}.progress-page{background:#f3f4f6;min-height:100vh;display:flex}.progress-content{flex:1;padding:30px}.progress-dashboard h2{margin:20px 0 10px}.stats-grid{flex-wrap:wrap;gap:20px;display:flex}.stat-card{text-align:center;background:#fff;border-radius:10px;width:150px;padding:20px;box-shadow:0 2px 8px #0000001a}.course-progress{flex-direction:column;gap:15px;display:flex}.course-card{background:#fff;border-radius:10px;padding:15px}@media (width<=768px){.stats-grid{justify-content:center}}.certificate-page{background:#f3f4f6;min-height:100vh;display:flex}.certificate-content{flex:1;padding:30px}.certificate-card{text-align:center;background:#fff;border-radius:12px;margin-bottom:20px;padding:40px}.certificate-card h1{font-size:28px}.certificate-card h2{margin:10px 0}.certificate-actions{text-align:center;margin-bottom:20px}.certificate-actions button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:10px 20px}.review-form{background:#fff;border-radius:10px;padding:20px}.review-form textarea{width:100%;height:100px;margin:10px 0}.review-form button{color:#fff;background:#16a34a;border:none;padding:8px 16px}.courses-page{background:#f3f4f6;min-height:100vh;display:flex}.courses-content{flex:1;padding:30px}.course-section h2{margin-bottom:20px}.course-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.course-card{cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 10px #00000014}.course-card:hover{transform:translateY(-5px)}.progress-bar{background:#e5e7eb;border-radius:10px;width:100%;height:8px;margin:10px 0}.progress-fill{background:#4f46e5;border-radius:10px;height:100%}@media (width<=900px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.course-grid{grid-template-columns:1fr}}.course-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;width:100%;margin-top:10px;padding:8px 12px}.course-btn:hover{background:#4338ca}.admin-page{background:#f3f4f6;justify-content:center;min-height:100vh;padding:30px;display:flex}.admin-section{width:100%;max-width:1100px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-header h2{font-size:24px;font-weight:600}.admin-header button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 14px}.admin-header button:hover{background:#4338ca}.admin-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-card{background:#fff;border-radius:12px;margin-bottom:15px;padding:20px;box-shadow:0 4px 10px #00000014}.admin-card h3{margin-bottom:10px}.admin-input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin:8px 0;padding:10px}.admin-input:focus{border-color:#4f46e5}.admin-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;width:100%;margin-top:5px;padding:10px}.admin-btn:hover{background:#4338ca}.admin-list{background:#fff;border-radius:10px;margin-top:10px;padding:15px}.admin-list h4{margin-bottom:10px}.list-item{border-bottom:1px solid #eee;padding:8px 0;font-size:14px}.list-item:last-child{border-bottom:none}@media (width<=768px){.admin-grid{grid-template-columns:1fr}.admin-page{padding:20px}}