.footer{background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:60px 0 20px;margin-top:auto;width:100%}.footer .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:40px}.footer .footer-content .footer-section h3{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:20px;position:relative}.footer .footer-content .footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background-color:var(--primary-color)}.footer .footer-content .footer-section .footer-links{list-style:none;padding:0;margin:0}.footer .footer-content .footer-section .footer-links li{margin-bottom:12px}.footer .footer-content .footer-section .footer-links li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer .footer-content .footer-section .footer-links li a:hover{color:var(--primary-color)}.footer .footer-content .footer-brand .footer-logo{text-decoration:none;display:inline-block;margin-bottom:16px}.footer .footer-content .footer-brand .footer-logo h2{font-size:2rem;font-weight:800;color:var(--primary-color);margin:0}.footer .footer-content .footer-brand .footer-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:24px;max-width:280px}.footer .footer-content .footer-brand .footer-social{display:flex;gap:16px}.footer .footer-content .footer-brand .footer-social .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .3s ease;color:var(--text-secondary)}.footer .footer-content .footer-brand .footer-social .social-link svg{font-size:1.2rem}.footer .footer-content .footer-brand .footer-social .social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.footer .footer-content .footer-brand .footer-social .social-link.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.footer .footer-content .footer-brand .footer-social .social-link.instagram:hover{background:linear-gradient(45deg,#E4405F,#F56040,#FCAF45);border-color:#e4405f;color:#fff}.footer .footer-content .footer-brand .footer-social .social-link.tiktok:hover{background-color:#000;border-color:#000;color:#fff}.footer .footer-content .footer-brand .footer-social .social-link.twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.footer .footer-content .footer-brand .footer-social .social-link.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border-color)}.footer .footer-bottom .footer-copyright p{color:var(--text-secondary);font-size:.85rem;margin:0 0 8px}.footer .footer-bottom .footer-copyright p.footer-legal-text{font-size:.75rem;opacity:.8;max-width:400px}.footer .footer-bottom .footer-certifications{display:flex;gap:24px}.footer .footer-bottom .footer-certifications .cert-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.footer .footer-bottom .footer-certifications .cert-item .cert-icon{font-size:1rem}@media(max-width:1024px){.footer .footer-content{grid-template-columns:1fr 1fr 1fr;gap:30px}.footer .footer-content .footer-brand{grid-column:1/-1;text-align:center}.footer .footer-content .footer-brand .footer-description{max-width:500px;margin-left:auto;margin-right:auto}.footer .footer-content .footer-brand .footer-social{justify-content:center}.footer .footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer .footer-bottom .footer-certifications{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.footer{padding:40px 0 20px}.footer .footer-content{grid-template-columns:1fr 1fr;gap:30px}.footer .footer-content .footer-brand{grid-column:1/-1;margin-bottom:20px}.footer .footer-content .footer-section h3{font-size:1rem;margin-bottom:16px}.footer .footer-content .footer-section .footer-links li{margin-bottom:10px}.footer .footer-content .footer-section .footer-links li a{font-size:.85rem}.footer .footer-bottom{gap:16px}.footer .footer-bottom .footer-copyright p{font-size:.8rem}.footer .footer-bottom .footer-copyright p.footer-legal-text{font-size:.7rem}.footer .footer-bottom .footer-certifications{gap:16px}.footer .footer-bottom .footer-certifications .cert-item{font-size:.75rem}}@media(max-width:480px){.footer{padding:30px 0 20px}.footer .footer-content{grid-template-columns:1fr;gap:24px}.footer .footer-content .footer-brand .footer-logo h2{font-size:1.5rem}.footer .footer-content .footer-brand .footer-description{font-size:.85rem}.footer .footer-content .footer-brand .footer-social .social-link{width:36px;height:36px}.footer .footer-content .footer-brand .footer-social .social-link span{font-size:1rem}.footer .footer-content .footer-section h3{font-size:.95rem}.footer .footer-content .footer-section .footer-links li a{font-size:.8rem}.footer .footer-bottom .footer-certifications{flex-direction:column;align-items:center;gap:12px}}.header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%}.header .header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header .logo{text-decoration:none;color:var(--text-color)}.header .logo h1{font-size:2rem;font-weight:800;color:var(--primary-color)}.header .nav{display:flex;gap:32px;align-items:center}.header .nav .nav-link{text-decoration:none;color:var(--text-color);font-weight:600;transition:color .3s ease;position:relative}.header .nav .nav-link.active,.header .nav .nav-link:hover{color:var(--primary-color)}.header .nav .nav-link.active:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:6px;height:6px;background-color:var(--primary-color);border-radius:50%}.header .nav .nav-link.login-link{background-color:var(--primary-color);color:var(--background-color);padding:8px 16px;border-radius:6px;font-weight:700}.header .nav .nav-link.login-link:hover{background-color:var(--hover-color);color:var(--background-color)}.header .nav .nav-link.login-link.active:after{display:none}.header .nav .account-menu{position:relative}.header .nav .account-menu .account-menu-trigger{display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:8px;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.header .nav .account-menu .account-menu-trigger .account-icon{font-size:1.2rem}.header .nav .account-menu .account-menu-trigger .dropdown-arrow{font-size:1.2rem;transition:transform .3s ease}.header .nav .account-menu .account-menu-trigger .dropdown-arrow.open{transform:rotate(180deg)}.header .nav .account-menu .account-menu-trigger:hover{background-color:var(--input-bg);border-color:var(--primary-color)}.header .nav .account-menu .account-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;min-width:240px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}.header .nav .account-menu .account-menu-dropdown .account-section{padding:12px 0}.header .nav .account-menu .account-menu-dropdown .account-section .account-section-header{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.header .nav .account-menu .account-menu-dropdown .account-section .account-section-header .section-icon{font-size:1rem}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item{display:block;padding:10px 16px;color:var(--text-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item:hover{background-color:var(--input-bg);color:var(--primary-color)}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item.primary{color:var(--primary-color);font-weight:600}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item.primary:hover{background-color:rgba(185,225,16,.1)}.header .nav .account-menu .account-menu-dropdown .account-separator{height:1px;background-color:var(--border-color);margin:0}.header .nav .user-dropdown{position:relative}.header .nav .user-dropdown .dropdown-trigger{display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:8px;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.header .nav .user-dropdown .dropdown-trigger .user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--input-bg);border:2px solid var(--border-color)}.header .nav .user-dropdown .dropdown-trigger .user-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.header .nav .user-dropdown .dropdown-trigger .user-avatar .avatar-placeholder{font-size:18px;color:var(--text-secondary)}.header .nav .user-dropdown .dropdown-trigger .user-name{color:var(--text-color);font-weight:600;font-size:.9rem}.header .nav .user-dropdown .dropdown-trigger .dropdown-arrow{font-size:1.2rem;transition:transform .3s ease}.header .nav .user-dropdown .dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.header .nav .user-dropdown .dropdown-trigger:hover{background-color:var(--input-bg);border-color:var(--primary-color)}.header .nav .user-dropdown .dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;min-width:220px;max-width:280px;max-height:80vh;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;overflow-y:auto;animation:dropdownFadeIn .2s ease}.header .nav .user-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background-color:rgba(0,0,0,0);border:none;color:var(--text-color);font-family:inherit;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.header .nav .user-dropdown .dropdown-menu .dropdown-item .dropdown-icon{font-size:1.1rem}.header .nav .user-dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--input-bg)}.header .nav .user-dropdown .dropdown-menu .dropdown-item.logout{border-top:1px solid var(--border-color);color:var(--error-color)}.header .nav .user-dropdown .dropdown-menu .dropdown-item.logout:hover{background-color:rgba(244,67,54,.1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.header .nav{gap:24px}.header .nav .nav-link{font-size:15px}}@media(max-width:768px){.header .header-content{flex-direction:column;gap:16px}.header .nav{gap:20px;flex-wrap:wrap;justify-content:center;width:100%}.header .nav .nav-link{font-size:14px}.header .nav .nav-link.login-link{padding:6px 12px}.header .nav .account-menu{width:100%}.header .nav .account-menu .account-menu-trigger{width:100%;justify-content:center;padding:10px 16px;font-size:.85rem}.header .nav .account-menu .account-menu-trigger .account-icon{font-size:1.1rem}.header .nav .account-menu .account-menu-trigger .dropdown-arrow{font-size:1rem}.header .nav .account-menu .account-menu-dropdown{left:0;right:0;min-width:100%}.header .nav .account-menu .account-menu-dropdown .account-section .account-section-header{font-size:.7rem;padding:6px 12px}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item{padding:10px 12px;font-size:.85rem}.header .nav .user-dropdown .dropdown-trigger{padding:6px 12px;font-size:.85rem}.header .nav .user-dropdown .dropdown-trigger .user-name{font-size:.85rem}.header .nav .user-dropdown .dropdown-trigger .dropdown-arrow{font-size:1rem}.header .nav .user-dropdown .dropdown-menu{min-width:160px}.header .nav .user-dropdown .dropdown-menu .dropdown-item{padding:10px 12px;font-size:.85rem}.header .nav .user-dropdown .dropdown-menu .dropdown-item .dropdown-icon{font-size:1rem}}@media(max-width:480px){.header .nav{gap:16px}.header .nav .nav-link{font-size:13px;padding:8px 12px}.header .nav .nav-link.login-link{padding:4px 8px}.header .nav .account-menu .account-menu-trigger{padding:8px 12px;font-size:.8rem}.header .nav .account-menu .account-menu-trigger .account-icon{font-size:1rem}.header .nav .account-menu .account-menu-trigger .dropdown-arrow{font-size:.9rem}.header .nav .account-menu .account-menu-dropdown{min-width:100%}.header .nav .account-menu .account-menu-dropdown .account-section{padding:8px 0}.header .nav .account-menu .account-menu-dropdown .account-section .account-section-header{font-size:.65rem;padding:6px 12px}.header .nav .account-menu .account-menu-dropdown .account-section .account-section-header .section-icon{font-size:.9rem}.header .nav .account-menu .account-menu-dropdown .account-section .account-menu-item{padding:8px 12px;font-size:.8rem}.header .nav .account-menu .account-menu-dropdown .account-separator{margin:4px 0}.header .nav .user-dropdown .dropdown-trigger{padding:4px 8px;font-size:.8rem}.header .nav .user-dropdown .dropdown-trigger .user-name{font-size:.8rem}.header .nav .user-dropdown .dropdown-trigger .dropdown-arrow{font-size:.9rem}.header .nav .user-dropdown .dropdown-menu{min-width:140px;right:-10px}.header .nav .user-dropdown .dropdown-menu .dropdown-item{padding:8px 10px;font-size:.8rem}.header .nav .user-dropdown .dropdown-menu .dropdown-item .dropdown-icon{font-size:.9rem}.header .nav .user-dropdown .dropdown-menu .dropdown-separator{width:calc(100% - 16px);margin:4px 8px}}.dropdown-separator{height:1px;background-color:var(--border-color);margin:8px 16px;width:calc(100% - 32px)}.mobile-menu-toggle{display:none;background:var(--primary-color);border:none;cursor:pointer;padding:12px 16px;color:var(--background-color);font-size:24px;line-height:1;transition:all .2s ease;border-radius:8px;box-shadow:0 2px 8px rgba(185,225,16,.3)}.mobile-menu-toggle:hover{background:#a3cc0f;transform:scale(1.05);box-shadow:0 4px 12px rgba(185,225,16,.4)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle svg{display:block}@media(max-width:768px){.header{padding:12px 0}.container{max-width:100%;padding:0 16px}.header-content{flex-direction:column;align-items:stretch;gap:12px}.logo{order:1;display:flex;justify-content:center;width:100%;margin:0;padding:8px 0}.logo h1{font-size:1.8rem}.nav{order:2;display:flex;flex-direction:column;gap:8px;width:100%}.nav .nav-link{width:100%;padding:12px 16px;text-align:center;background:rgba(185,225,16,.05);border-radius:8px}.nav .nav-link.active{background:rgba(185,225,16,.15)}.nav .instructor-dropdown{width:100%}.user-dropdown{order:3;width:100%}.user-dropdown .user-info{width:100%;justify-content:center;padding:12px 16px;background:rgba(185,225,16,.05);border-radius:8px}body:has(.client-dashboard) .mobile-menu-toggle,body:has(.instructor-dashboard) .mobile-menu-toggle{order:2;display:flex;align-items:center;justify-content:center;align-self:flex-end;width:auto}body:has(.client-dashboard) .nav,body:has(.instructor-dashboard) .nav{display:none}body:has(.client-dashboard) .user-dropdown,body:has(.instructor-dashboard) .user-dropdown{display:none}}