a{text-decoration:none;color:inherit}a:hover{color:beige}.mobile-menu.open{display:block}.nav-item{color:#4a5568;font-size:.875rem;font-weight:500;position:relative;text-decoration:none}.navbar-mobile-menu{display:flex;align-items:center}.mobile-link{display:block;padding:.5rem 1rem;font-size:1rem;font-weight:500;border-left:4px solid transparent;text-decoration:none;color:#4a5568}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2)}.hero-container{max-width:1280px;margin:0 auto;padding:4rem 1rem;display:flex;flex-direction:column}@media (min-width: 1024px){.hero-container{flex-direction:row;align-items:center;justify-content:space-between;padding:6rem 2rem}}.hero-content{text-align:center;color:#fff}.hero-heading:first-child{font-size:2em}@media (min-width: 1024px){.hero-content{text-align:left;width:50%}}.hero-heading{font-size:2.25rem;font-weight:800;line-height:1.25}@media (min-width: 640px){.hero-heading{font-size:3rem}}@media (min-width: 768px){.hero-heading{font-size:3.75rem}}.highlight{color:#c3dafe}.hero-subtext{margin-top:1rem;max-width:48rem;margin-left:auto;margin-right:auto;font-size:1.125rem;color:#ebf4ff}@media (min-width: 768px){.hero-subtext{margin-top:1.25rem;font-size:1.25rem}}.hero-buttons{margin-top:2.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}@media (min-width: 640px){.hero-buttons{flex-direction:row;justify-content:center}}@media (min-width: 1024px){.hero-buttons{justify-content:flex-start}}.button-wrapper{border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.button{display:flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:1rem;font-weight:500;border-radius:.375rem;transition:background-color .3s;text-decoration:none}.primary{background-color:#fff;color:#5a67d8}.primary:hover{background-color:#f7fafc}.secondary{background-color:#6366f199;color:#fff}.secondary:hover{background-color:#6366f1b3}.hero-image-wrapper{width:100%;margin-top:4rem;position:relative}@media (min-width: 1024px){.hero-image-wrapper{margin-top:0;width:50%}}.hero-image{width:100%;border-radius:.5rem;overflow:hidden;position:relative;box-shadow:0 20px 25px -5px #0000001a}.hero-image img{width:100%;height:auto}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#667eea;opacity:.2}.video-info-box{position:absolute;bottom:-2rem;left:-2rem;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;display:none}@media (min-width: 1024px){.video-info-box{display:block}}.info-content{display:flex;align-items:center}.info-icon{background-color:#ebf4ff;border-radius:9999px;padding:.75rem;color:#4c51bf;display:flex;align-items:center;justify-content:center}.info-text{margin-left:.75rem}.info-title{font-size:.875rem;font-weight:500;color:#1a202c}.info-subtitle{font-size:.875rem;color:#a0aec0}.bounce{animation:bounce-slow 3s infinite}.cart-button{position:relative;background:transparent;border:none;color:#4a5568;font-size:1.25rem;margin-right:1rem;cursor:pointer;transition:color .3s ease}.cart-button:hover{color:#5a67d8}.cart-count{position:absolute;top:-.25rem;right:-.5rem;background-color:#e53e3e;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:9999px}.stats-section{padding:4rem 1rem;background-color:#fff}.courses-section{padding:4rem 1rem;background-color:#f9fafb}.features-section{padding:4rem 1rem;background-color:#fff}.pricing-section{padding:4rem 1rem;background-color:#f9fafb}.testimonials-section{padding:4rem 1rem;background-color:#fff}.cta-section{padding:4rem 1rem;background-color:#4c51bf;color:#fff}.footer-section{padding:4rem 1rem;background-color:#2d3748;color:#e2e8f0}.legal-page-container{max-width:768px;margin:0 auto;padding:3rem 1rem;background-color:#f9fafb;color:#2d3748;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.legal-page-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#1a202c;text-align:center}.legal-section{margin-bottom:3rem;border-bottom:1px solid #e2e8f0;padding-bottom:2rem}.legal-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2c5282}.legal-section-text{font-size:1rem;line-height:1.75;color:#4a5568}.table-container{overflow-x:auto;margin:20px 0}.responsive-table{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.responsive-table th,.responsive-table td{border:1px solid #ccc;padding:8px;text-align:left;vertical-align:top}.responsive-table thead{background-color:#f0f0f0}@media (max-width: 768px){.responsive-table{font-size:12px;min-width:600px}.responsive-table th,.responsive-table td{padding:6px}}@media (max-width: 480px){.responsive-table{font-size:11px;min-width:480px}.responsive-table th,.responsive-table td{padding:5px}}.navbar{background-color:#fff;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:50}.container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;height:4rem;align-items:center}.navbar-inner{display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;flex-shrink:0}.logo-icon{color:#4c51bf;font-size:1.5rem;margin-right:.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:#1a202c}.navbar-links{display:none}@media (min-width: 768px){.navbar-links{display:flex;margin-left:2.5rem;gap:2rem}}.nav-item{color:#4a5568;font-size:.875rem;font-weight:500;padding:.25rem 0;position:relative;text-decoration:none}.nav-item:hover,.nav-item.active{color:#1a202c}.nav-item:after{content:"";display:block;width:0;height:2px;background:#667eea;transition:width .3s}.nav-item:hover:after,.nav-item.active:after{width:100%}.register-button{background-color:#4c51bf;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .3s}.register-button:hover{background-color:#4338ca}.full-width{width:100%}.navbar-actions{display:none}@media (min-width: 768px){.navbar-actions{display:flex;align-items:center;margin-left:1.5rem}}.navbar-mobile-menu{display:flex;align-items:center;margin-right:-.5rem}@media (min-width: 768px){.navbar-mobile-menu{display:none}}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;color:#a0aec0;transition:color .2s,background-color .2s}.mobile-menu-button:hover{color:#4a5568;background-color:#f7fafc}.mobile-menu{display:none}.mobile-menu-list{padding-top:.5rem;padding-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.mobile-link{display:block;padding:.5rem 1rem .5rem .75rem;font-size:1rem;font-weight:500;border-left:4px solid transparent;text-decoration:none;color:#4a5568}.mobile-link:hover{background-color:#f7fafc;border-left-color:#e2e8f0;color:#2d3748}.mobile-link.active{background-color:#ebf4ff;border-left-color:#667eea;color:#5a67d8}.mobile-register{margin-top:1rem;padding-left:.75rem}.course-card:hover .course-overlay{opacity:1;transform:translateY(0)}.course-overlay{transition:all .3s ease;transform:translateY(20px)}.hero-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.animate-bounce-slow{animation:bounce-slow 3s infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.stats-section{background-color:#fff;padding-top:3rem;padding-bottom:3rem}.stats-container{max-width:1280px;margin:0 auto;padding:0 1rem}.stats-header{text-align:center}.stats-subheading{font-size:.875rem;font-weight:600;letter-spacing:.05em;color:#5a67d8;text-transform:uppercase}.stats-heading{margin-top:.5rem;font-size:1.875rem;line-height:1.25;font-weight:800;color:#1a202c}@media (min-width: 640px){.stats-heading{font-size:2.25rem}}.stats-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-icon{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:.375rem;background-color:#667eea;color:#fff;margin:0 auto;font-size:1.25rem}.stat-text{margin-top:1.25rem}.stat-value{font-size:1.125rem;font-weight:500;color:#1a202c}.stat-label{margin-top:.5rem;font-size:1rem;color:#718096}.courses-page{background-color:#f9fafb;padding:4rem 1rem}.courses-page h1{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700;color:#1a202c}.courses-grid{max-width:1280px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 640px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}.course-card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-4px)}.course-image-wrapper{position:relative;height:12rem;overflow:hidden}.course-image-wrapper img{width:100%;height:100%;object-fit:cover}.course-body{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem}.course-body h3{font-size:1.125rem;font-weight:600;color:#1a202c}.course-body p{font-size:.875rem;color:#718096}.course-price{font-size:1.125rem;font-weight:700;color:#1a202c}.course-body a{font-size:.875rem;color:#5a67d8;text-decoration:underline;margin-top:.5rem}.course-body button{background-color:#5a67d8;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease}.course-body button:hover{background-color:#434190}.features-section{background-color:#fff;padding:4rem 1rem}.features-container{max-width:1280px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-subheading{color:#5a67d8;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.features-heading{margin-top:.5rem;font-size:1.875rem;font-weight:800;color:#1a202c}.features-description{margin-top:1rem;font-size:1.25rem;color:#4a5568}.features-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.feature-item{position:relative;display:flex;align-items:flex-start;gap:1rem}.feature-icon{height:3rem;width:3rem;background-color:#667eea;color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.feature-content{margin-left:1rem}.feature-title{font-size:1.125rem;font-weight:600;color:#1a202c}.feature-text{margin-top:.5rem;font-size:1rem;color:#718096}.pricing-section{background-color:#f9fafb;padding:4rem 1rem}.pricing-container{max-width:1280px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-subheading{color:#5a67d8;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.pricing-heading{margin-top:.5rem;font-size:1.875rem;font-weight:800;color:#1a202c}.pricing-description{margin-top:1rem;font-size:1.25rem;color:#4a5568}.pricing-wrapper{margin-top:2rem;display:flex;justify-content:center}.pricing-grid{display:grid;gap:2rem;grid-template-columns:1fr;width:100%}@media (min-width: 640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:scale(1.03);box-shadow:0 25px 50px -12px #00000040}.plan-badge{position:absolute;top:-1rem;right:-1rem;background-color:#5a67d8;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.plan-title{font-size:1.125rem;font-weight:600;color:#1a202c}.plan-price{margin-top:1rem;font-size:1.5rem;font-weight:800;color:#1a202c}.price-period{font-size:.875rem;font-weight:500;color:#718096;margin-left:.25rem}.plan-desc{margin-top:1rem;font-size:.875rem;color:#718096}.plan-features{margin-top:1.5rem;list-style:none;padding:0}.plan-features li{display:flex;align-items:start;margin-bottom:1rem;font-size:.875rem;color:#4a5568}.plan-features i{margin-right:.5rem}.plan-button{width:100%;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .3s ease}.basic-btn{background-color:#edf2f7;color:#5a67d8}.basic-btn:hover{background-color:#e2e8f0}.pro-btn{background-color:#5a67d8;color:#fff}.pro-btn:hover{background-color:#434190}.testimonials-section{background-color:#fff;padding:4rem 1rem}.testimonials-container{max-width:1280px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-subheading{color:#5a67d8;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.testimonials-heading{margin-top:.5rem;font-size:1.875rem;font-weight:800;color:#1a202c}.testimonials-description{margin-top:1rem;font-size:1.25rem;color:#4a5568}.testimonials-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 640px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.testimonial-user{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.testimonial-avatar{height:3rem;width:3rem;border-radius:9999px}.testimonial-name{font-size:1.125rem;font-weight:600;color:#1a202c}.testimonial-rating{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.testimonial-score{margin-left:.5rem;font-size:.875rem;color:#718096}.testimonial-text{margin-top:.5rem;font-size:.9375rem;color:#4a5568;font-style:italic}.testimonial-course{display:flex;align-items:center;margin-top:1rem;font-size:.875rem;color:#718096}.testimonial-form{margin-top:3rem;padding:2rem;background-color:#f7fafc;border-radius:12px;box-shadow:0 4px 16px #0000000d}.testimonial-form-inner{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.testimonial-form input,.testimonial-form textarea,.testimonial-form select{padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem}.testimonial-form button{background-color:#5a67d8;color:#fff;padding:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.testimonial-form button:hover{background-color:#434190}.cta-section{background-color:#4c51bf;padding:4rem 1rem}.cta-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.cta-heading{font-size:1.875rem;font-weight:800;color:#fff}@media (min-width: 640px){.cta-heading{font-size:2.25rem}}.cta-subheading{display:block;color:#c3dafe}.cta-buttons{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.cta-buttons{flex-direction:row}}.cta-button-primary,.cta-button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;border-radius:.375rem;border:none;transition:background-color .3s ease;text-decoration:none}.cta-button-primary{background-color:#fff;color:#5a67d8}.cta-button-primary:hover{background-color:#f7fafc}.cta-button-secondary{background-color:#6366f199;color:#fff}.cta-button-secondary:hover{background-color:#6366f1b3}.footer-section{background-color:#2d3748;color:#cbd5e0;padding:4rem 1rem}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:1rem}.footer-links a{font-size:1rem;color:#e2e8f0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #4a5568;margin-top:2rem;padding-top:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:space-between}@media (min-width: 768px){.footer-bottom{flex-direction:row}}.footer-socials a{color:#a0aec0;font-size:1.25rem;margin-right:1rem;transition:color .3s ease}.footer-socials a:last-child{margin-right:0}.footer-socials a:hover{color:#fff}.footer-copy{font-size:1rem;color:#a0aec0;text-align:center}.photo-galeri{padding:4rem 1rem;background-color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;justify-items:center}.hero-galeri{grid-column:1 / -1;font-size:2.5rem;font-weight:800;text-align:center;color:#1a202c;margin-bottom:2rem;text-transform:uppercase}.photo-galeri img{width:100%;max-width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;box-shadow:0 6px 16px #0000001a;transition:transform .3s ease,filter .3s ease}.photo-galeri img:hover{transform:scale(1.03);filter:brightness(1.05)}@media (max-width: 480px){.hero-galeri{font-size:1.5rem;padding:0 1rem}.photo-galeri{padding:2rem .5rem;gap:1rem}}.cart-page-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.cart-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.cart-content{display:flex;flex-direction:column;gap:2rem}.cart-item{display:flex;gap:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.cart-image{width:150px;height:90px;object-fit:cover;border-radius:8px}.cart-info{flex:1}.cart-course-title{font-size:1.125rem;font-weight:600}.cart-instructor{color:#718096;font-size:.9rem}.cart-price{font-weight:700;margin-top:.5rem}.cart-remove{margin-top:.5rem;color:#e53e3e;background:none;border:none;cursor:pointer;font-size:.9rem}.cart-summary{margin-top:3rem;text-align:center}.cart-pay{margin-top:1rem;background-color:#667eea;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;border-radius:.375rem;cursor:pointer}