@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-light: #f8fafc;--bg-white: #ffffff;--bg-gray: #f1f5f9;--primary: #3aa7c9;--primary-dark: #4dc090;--text-dark: #142e3e;--text-mid: #4a5568;--text-light: #5a6c7d}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-light);margin:0;min-height:100vh;font-family:Poppins,Roboto,Helvetica Neue,sans-serif;color:var(--text-dark);line-height:1.6}html,body{height:100%}a{color:inherit}.auth-container{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc,#f0f4f8)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #142e3e1a;padding:2.5rem;width:100%;max-width:460px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo-icon{width:48px;height:48px;fill:#3aa7c9;margin-bottom:1rem}.auth-header h2{font-size:1.5rem;font-weight:700;color:#142e3e;margin-bottom:.5rem}.auth-header p{color:#5a6c7d;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem;color:#142e3e}.form-group input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#3aa7c9;box-shadow:0 0 0 3px #3aa7c933}.form-group input:disabled{background:#f8fafc;cursor:not-allowed}.password-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#5a6c7d;padding:0;display:flex;align-items:center}.eye-icon{width:20px;height:20px;fill:currentColor}.forgot-password{font-size:.85rem;color:#3aa7c9;text-decoration:none;align-self:flex-end}.forgot-password:hover{text-decoration:underline}.auth-submit{padding:.9rem;background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3aa7c94d}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{color:#a0aec0;font-size:.85rem}.google-render{min-height:44px}.auth-footer{text-align:center;font-size:.9rem;color:#5a6c7d}.auth-link{color:#3aa7c9;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:.75rem 1rem;color:#c53030;font-size:.9rem}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:.75rem 1rem;color:#276749;font-size:.9rem}.error-text{font-size:.85rem;color:#e53e3e}.password-hint{font-size:.8rem;color:#718096}.promo-group{gap:.75rem}.promo-optin{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3aa7c9}.promo-input-section{background:#f8fdff;border:1px solid #bee3f8;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.promo-header{display:flex;justify-content:space-between;align-items:center}.promo-title{font-weight:600;color:#142e3e;font-size:.9rem}.promo-discount{color:#38a169;font-size:.85rem;font-weight:500}.promo-input-container{position:relative;display:flex;align-items:center}.promo-icon{width:20px;height:20px;fill:#a0aec0;position:absolute;left:.75rem}.promo-input-container input{flex:1;padding:.6rem .75rem .6rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:inherit}.promo-validate-btn{margin-left:.5rem;padding:.6rem 1rem;background:#3aa7c9;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.promo-feedback{font-size:.85rem;padding:.4rem .75rem;border-radius:6px}.promo-feedback.valid{background:#f0fff4;color:#276749}.promo-feedback.invalid{background:#fff5f5;color:#c53030}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#5a6c7d}.loading-state .material-icons{font-size:3rem;color:#3aa7c9;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden-featured{display:none!important}.currency-selector{display:flex;align-items:center;position:relative}.currency-selector label{margin-right:.5rem;font-size:.9rem;color:#4a5568;font-weight:500}.currency-selector select{padding:.5rem 1rem .5rem .5rem;border-radius:6px;border:1px solid #e2e8f0;background-color:#fff;font-size:.9rem;color:#2d3748;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;transition:all .2s ease}.currency-selector select:hover{border-color:#cbd5e0}.currency-selector select:focus{outline:none;border-color:#3aa7c9;box-shadow:0 0 0 3px #3aa7c933}.navbar{background-color:#fff;box-shadow:0 2px 15px #142e3e1a;position:sticky;top:0;z-index:1000;font-family:Poppins,sans-serif;transition:all .3s ease}.navbar.scrolled{box-shadow:0 4px 20px #142e3e26}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.navbar-brand{display:flex;align-items:center;text-decoration:none;font-weight:700;font-size:1.5rem;color:#142e3e;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand .logo-icon{width:190px;margin-bottom:-10px;margin-right:.75rem;object-fit:contain}.navbar-brand .brand-name{background:linear-gradient(135deg,#3aa7c9,#4dc090);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.navbar-links{display:flex;gap:2rem}.navbar-links .nav-link{text-decoration:none;color:#4a5568;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.navbar-links .nav-link:hover{color:#3aa7c9}.navbar-links .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3aa7c9,#4dc090);transition:width .4s cubic-bezier(.22,.61,.36,1)}.navbar-links .nav-link:hover:after{width:100%}.user-actions{display:flex;align-items:center;gap:1rem}.auth-button{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #142e3e1a}.signin-button{background:transparent;color:#3aa7c9;border:2px solid #3aa7c9}.signin-button:hover{background:#3aa7c91a;transform:translateY(-2px);box-shadow:0 4px 12px #3aa7c933}.signup-button{background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;border:2px solid transparent}.signup-button:hover{background:linear-gradient(135deg,#3db2bb,#45bba8);transform:translateY(-2px);box-shadow:0 6px 16px #3db2bb4d}.user-actions{display:flex;align-items:center;gap:1.5rem}app-currency-selector{margin-right:.5rem}.mobile-currency-selector{padding:1rem 0;border-bottom:1px solid rgba(58,167,201,.1)}.profile-dropdown{position:relative;display:inline-block;margin-left:1rem}.profile-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.profile-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s ease}.profile-circle:hover{transform:scale(1.05);box-shadow:0 4px 8px #3aa7c94d}.dropdown-menu{position:absolute;top:120%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:180px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1.5rem;text-decoration:none;color:#4a5568;font-weight:500;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f7fafc;color:#3aa7c9}.mobile-profile-options{width:100%}.mobile-profile-options .mobile-nav-link{border-bottom:1px solid rgba(58,167,201,.1)}@media (max-width: 768px){.user-actions app-currency-selector{display:none}.mobile-currency-selector{display:block;width:100%}.mobile-currency-selector .currency-selector{width:100%}.mobile-currency-selector select{width:100%;padding:.75rem}}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;justify-content:space-between;width:32px;height:24px;position:relative;z-index:1001}.menu-toggle .bar{display:block;width:100%;height:3px;background:linear-gradient(90deg,#3aa7c9,#4dc090);border-radius:3px;transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}.menu-toggle.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg);background:#3aa7c9}.menu-toggle.active .bar:nth-child(2){opacity:0;transform:translate(-20px)}.menu-toggle.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg);background:#4dc090}.mobile-menu{display:none;flex-direction:column;padding:1.5rem 2rem;background-color:#fff;box-shadow:0 10px 15px #142e3e1a;position:absolute;width:100%;left:0;top:72px;z-index:999;border-top:1px solid rgba(58,167,201,.1)}.mobile-menu.active{display:flex;animation:slideDown .5s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{padding:1rem 0;text-decoration:none;color:#4a5568;font-weight:500;border-bottom:1px solid rgba(58,167,201,.1);transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.mobile-nav-link:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#3aa7c9;opacity:0;transition:opacity .3s ease}.mobile-nav-link:hover{color:#3aa7c9;padding-left:8px}.mobile-nav-link:hover:before{opacity:1}.mobile-auth-buttons{display:flex;gap:1rem;margin-top:1.5rem}.mobile-auth-button{flex:1;text-align:center;padding:.8rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.mobile-auth-button.signin-button{color:#3aa7c9;border:2px solid #3aa7c9;background:transparent}.mobile-auth-button.signin-button:hover{background:#3aa7c91a}.mobile-auth-button.signup-button{background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;border:2px solid transparent}.mobile-auth-button.signup-button:hover{background:linear-gradient(135deg,#3db2bb,#45bba8)}@media (max-width: 768px){.navbar-links,.user-actions .auth-button{display:none}.menu-toggle{display:flex}.navbar-container{padding:1rem 1.5rem}.navbar-brand .logo-icon{width:106px;height:76px}}@media (max-width: 480px){.navbar-brand .brand-name{font-size:1.3rem}.mobile-menu{padding:1rem 1.5rem;top:68px}.mobile-auth-buttons{flex-direction:column;gap:.75rem}.mobile-auth-button{padding:.75rem}}.footer{background-color:#fff;color:#4a5568;padding-top:3rem;box-shadow:0 -2px 15px #142e3e1a;font-family:Poppins,sans-serif}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding-bottom:2rem}.footer-brand{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;text-decoration:none;margin-bottom:1.5rem}.footer-logo .logo-icon{width:150px;margin-right:.75rem;object-fit:contain}.footer-logo .brand-name{font-size:1.5rem;font-weight:700;color:#142e3e;background:linear-gradient(135deg,#3aa7c9,#4dc090);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-description{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;color:#5a6c7d}.social-links{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;transition:transform .3s ease}.social-icon:hover{transform:translateY(-3px);box-shadow:0 4px 8px #3aa7c94d}.footer-heading{font-size:1.1rem;font-weight:600;color:#142e3e;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#3aa7c9,#4dc090);border-radius:3px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{text-decoration:none;color:#5a6c7d;font-size:.95rem;transition:color .3s ease;position:relative;padding-left:1rem}.footer-links a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:linear-gradient(90deg,#3aa7c9,#4dc090);opacity:0;transition:opacity .3s ease}.footer-links a:hover{color:#3aa7c9;padding-left:1.2rem}.footer-links a:hover:before{opacity:1}.footer-newsletter p{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;color:#5a6c7d}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-form input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease}.newsletter-form input:focus{outline:none;border-color:#3aa7c9;box-shadow:0 0 0 3px #3aa7c933}.subscribe-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{background:linear-gradient(135deg,#3db2bb,#45bba8);transform:translateY(-2px);box-shadow:0 4px 12px #3aa7c94d}.footer-bottom{border-top:1px solid rgba(58,167,201,.1);padding:1.5rem 0}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-bottom p{font-size:.9rem;color:#5a6c7d;margin:0}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{text-decoration:none;color:#5a6c7d;font-size:.9rem;transition:color .3s ease}.footer-legal a:hover{color:#3aa7c9}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2.5rem}.footer-links{margin-top:1rem}.footer-legal{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.footer-container{padding:0 1.5rem}.newsletter-form{flex-direction:column}}:root{--primary-color: #4f46e5;--primary-dark: #4338ca;--secondary-color: #06b6d4;--text-color: #2d3748;--text-light: #4a5568;--bg-light: #f8fafc;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}*{margin:0;padding:0;box-sizing:border-box}.homepage{font-family:Poppins,sans-serif;color:var(--text-color);line-height:1.6}.homepage app-currency-selector{margin-left:auto;padding:0 20px}.hero{display:flex;background:linear-gradient(135deg,#f8fafc,#f0f4f8);align-items:center;justify-content:space-between;padding:5rem 2rem;margin:0 auto;gap:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,#4f46e514,#4f46e500 70%);z-index:0}.hero-content{flex:1;max-width:600px;position:relative;z-index:1}.tagline{display:flex;gap:.75rem;margin-bottom:1rem}.tag{font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;background-color:#4f46e51a;color:var(--primary-color);display:inline-flex;align-items:center}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-color);position:relative}.highlight{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;z-index:-1}.subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem;max-width:90%}.cta-buttons{display:flex;gap:1.25rem;margin-bottom:3rem;flex-wrap:wrap}.primary-button,.secondary-button{padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:none;cursor:pointer;font-size:1rem}.primary-button{background:linear-gradient(135deg,#3aa7c9,#45bba8);color:#fff;box-shadow:0 4px 12px #3aa7c94d;z-index:1}.primary-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3db2bb,#4dc090);opacity:0;transition:opacity .4s ease;z-index:-1}.primary-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3aa7c966}.primary-button:hover:before{opacity:1}.primary-button:active{transform:translateY(1px);box-shadow:0 2px 8px #3aa7c94d}.secondary-button{background:transparent;color:#142e3e;border:2px solid #3aa7c9;box-shadow:0 2px 8px #142e3e1a}.secondary-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3db2bb1a,#4dc0901a);opacity:0;transition:opacity .4s ease;z-index:-1}.secondary-button:hover{transform:translateY(-3px);color:#142e3e;border-color:#3db2bb;box-shadow:0 4px 12px #142e3e26}.secondary-button:hover:before{opacity:1}.secondary-button:active{transform:translateY(1px);box-shadow:0 1px 4px #142e3e1a}.icon{width:20px;height:20px;transition:transform .3s ease}.primary-button:hover .icon{transform:translate(3px)}.secondary-button:hover .icon{transform:scale(1.1)}.stats{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;position:relative;padding-left:1rem}.stat-item:before{content:"";position:absolute;left:0;top:5px;height:60%;width:3px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:3px}.stat-number{font-size:1.75rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.875rem;color:var(--text-light)}.hero-image{flex:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;min-height:400px;max-width:600px}.image-container{position:relative;width:100%;height:100%}.hero-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-lg)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4f46e54d,#06b6d44d);display:flex;flex-direction:column;padding:1.5rem}.excel-cell{background-color:#fff;padding:.5rem 1rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-color);margin-bottom:1rem;width:fit-content;box-shadow:var(--shadow-sm)}.excel-chart{position:absolute;bottom:2rem;right:2rem;width:150px;height:100px;background-color:#fff;border-radius:8px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:.5rem}.chart-img{width:100%;height:100%;object-fit:contain;border-radius:4px}.excel-chart:hover .chart-img{transform:scale(1.05);transition:transform .3s ease}@keyframes float{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(0) rotate(-5deg)}}@media (max-width: 1024px){.hero{flex-direction:column;padding:3rem 1.5rem;text-align:center}.hero-content{max-width:100%;align-items:center;display:flex;flex-direction:column}.subtitle{max-width:100%}.cta-buttons,.stats,.trust-badges{justify-content:center}.hero-image{min-height:300px;max-width:100%;margin-top:2rem}.floating-element{right:1rem;bottom:1rem}}@media (max-width: 640px){.hero h1{font-size:2.5rem}.subtitle{font-size:1.1rem}.stats{gap:1.5rem}.stat-number{font-size:1.5rem}.cta-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%;justify-content:center}}.features{background-color:var(--bg-light);padding:4rem 2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:var(--text-light)}.courses{padding:6rem 2rem;max-width:1400px;margin:0 auto;background-color:#f8fbfc}.courses .section-header{text-align:center;margin-bottom:4rem}.courses .section-header h2{font-size:2.5rem;margin-bottom:1rem;color:#142e3e;position:relative;display:inline-block}.courses .section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3aa7c9,#4dc090);border-radius:2px}.courses .section-header p{color:#5a6c7d;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:3rem}.single-course{max-width:1400px;margin:0 auto 3rem;padding:0 2rem}.single-course-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000014;align-items:center}.single-course-card .course-image img{width:100%;height:100%;object-fit:cover;display:block}.single-course-card .course-content.large{padding:3rem 2.5rem}.single-course-card .course-content.large h3{font-size:2rem;margin-bottom:1rem}.single-course-card .enroll-button.large{padding:1rem 1.5rem;font-size:1.05rem}@media (max-width: 1024px){.single-course-card{grid-template-columns:1fr}.single-course-card .course-image img{height:320px;object-fit:cover}}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #142e3e1a;transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(58,167,201,.1)}.course-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #3aa7c926}.course-thumbnail{position:relative;height:200px;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.price-tag{position:absolute;top:1rem;right:1rem;background:#fffffff2;padding:.5rem 1rem;border-radius:6px;display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 2px 8px #0000001a}.original-price{font-size:.8rem;color:#a0aec0;text-decoration:line-through}.current-price{font-weight:700;color:#3aa7c9;font-size:1.2rem}.course-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(90deg,#f56565,#f6ad55);color:#fff;padding:.3rem 1rem;border-radius:50px;font-weight:700;font-size:.8rem;z-index:2;box-shadow:0 2px 5px #0000001a}.course-content{padding:1.5rem}.course-content h3{font-size:1.3rem;margin-bottom:.75rem;color:#142e3e;line-height:1.4}.course-level{color:#3aa7c9;font-weight:600;font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.course-description{color:#5a6c7d;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.course-meta{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.9rem;flex-wrap:wrap;gap:1rem}.rating{display:flex;align-items:center;gap:.5rem}.stars{color:#f6ad55;display:flex}.stars mat-icon{font-size:1.1rem;width:1.1rem;height:1.1rem}.rating-value{font-weight:700;color:#142e3e}.review-count{color:#718096}.duration{display:flex;gap:1rem;color:#5a6c7d}.duration-item{display:flex;align-items:center;gap:.3rem}.duration-item mat-icon{font-size:1rem;width:1rem;height:1rem;color:#3aa7c9}.course-footer{display:flex;gap:.75rem;align-items:center}.enroll-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#3aa7c9,#4dc090);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.enroll-button:hover{background:linear-gradient(135deg,#3db2bb,#45bba8);transform:translateY(-2px);box-shadow:0 4px 12px #3aa7c94d}.enroll-button mat-icon{font-size:1.1rem;width:1.1rem;height:1.1rem}.wishlist-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#3aa7c9;cursor:pointer;transition:all .3s ease}.wishlist-button:hover{background:#3aa7c91a;color:#f56565;border-color:#f56565}.wishlist-button mat-icon{font-size:1.2rem;width:1.2rem;height:1.2rem}.section-cta{text-align:center;margin-top:3rem}.section-cta p{color:#5a6c7d;margin-bottom:1rem;font-size:1.1rem}.browse-all-btn{background:#fff;color:#3aa7c9;border:1px solid #3aa7c9;font-weight:600;padding:.75rem 1.5rem;border-radius:50px;transition:all .3s ease}.browse-all-btn:hover{background:#3aa7c91a;transform:translateY(-2px);box-shadow:0 4px 12px #3aa7c933}.browse-all-btn mat-icon{margin-left:.5rem}@media (max-width: 768px){.courses{padding:4rem 1.5rem}.courses .section-header h2{font-size:2rem}.course-grid{grid-template-columns:1fr;gap:2rem}}.testimonials{background-color:var(--bg-light);padding:4rem 2rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}.testimonial-card{background:#fff;padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.testimonial-content{font-style:italic;margin-bottom:1.5rem;position:relative}.testimonial-content:before{content:'"';font-size:4rem;position:absolute;top:-1.5rem;left:-1rem;color:var(--border-color);z-index:0}.testimonial-content p{position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-author h4{font-size:1rem}.testimonial-author span{font-size:.875rem;color:var(--text-light)}.cta{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff}.cta-content{max-width:600px;margin:0 auto}.cta h2{font-size:2rem;margin-bottom:1rem}.cta p{margin-bottom:2rem;opacity:.9}@media (max-width: 1024px){.hero{flex-direction:column;text-align:center}.hero-content{max-width:100%;margin-bottom:2rem}.cta-buttons,.stats{justify-content:center}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.stats{flex-direction:column;gap:1rem}.course-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero h1{font-size:2rem}.cta-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%;text-align:center}}.auth-header .logo-icon{width:50px;height:50px;fill:#764ba2;margin-bottom:15px}.auth-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.forgot-password{display:block;text-align:right;margin-top:8px;color:#667eea;font-size:13px;text-decoration:none}.auth-submit{width:100%;padding:14px;background:linear-gradient(to right,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.auth-submit:hover{background:linear-gradient(to right,#5a6fd1,#6a4299);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.auth-link{color:#667eea;font-weight:500;text-decoration:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;width:100%;max-width:450px;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header .logo-icon{width:50px;height:50px;fill:#ff758c;margin-bottom:15px}.auth-header h2{color:#2d3748;font-size:24px;margin-bottom:8px}.auth-header p{color:#718096;font-size:14px}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;margin-bottom:8px;color:#4a5568;font-size:14px;font-weight:500}.auth-form input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s}.auth-form input:focus{border-color:#ff758c;box-shadow:0 0 0 3px #ff758c33;outline:none}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.password-toggle:disabled{cursor:default;opacity:.6}.eye-icon{width:20px;height:20px;fill:#4a5568}.password-hint{font-size:12px;color:#718096;margin-top:6px}.auth-submit{width:100%;padding:14px;background:linear-gradient(to right,#ff758c,#ff7eb3);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.auth-divider{display:flex;align-items:center;margin:20px 0;color:#a0aec0;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider:before{margin-right:10px}.auth-divider:after{margin-left:10px}.social-auth{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:15px}.social-auth:hover{background:#f7fafc;border-color:#cbd5e0}.social-icon{width:18px;height:18px;margin-right:10px}.auth-footer{text-align:center;color:#718096;font-size:14px;margin-top:20px}.auth-link{color:#ff758c;font-weight:500;text-decoration:none}.error-text{color:#f44;font-size:13px;margin-top:5px}.password-hint{font-size:12px;color:#666;margin-top:5px}.auth-submit:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(to right,#a0a0a0,#b0b0b0)}.error-message{color:#f44;background-color:#ffebee;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;border:1px solid #ffcdd2}@media (max-width: 480px){.auth-card{padding:30px 20px}.auth-header h2{font-size:20px}}.promo-group{margin-top:25px;margin-bottom:25px}.promo-optin{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#4a5568;-webkit-user-select:none;user-select:none}.checkbox-label input{display:none}.checkmark{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;margin-right:10px;position:relative;transition:all .3s}.checkbox-label input:checked+.checkmark{background:linear-gradient(to right,#ff758c,#ff7eb3);border-color:#ff758c}.checkbox-label input:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.promo-label-text{font-weight:600}.promo-input-section{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border-radius:12px;padding:20px;margin-top:10px;border:1px solid #e2e8f0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.promo-title{font-size:16px;font-weight:600;color:#2d3748}.promo-discount{background:linear-gradient(to right,#ff758c,#ff7eb3);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.promo-input-wrapper{position:relative}.promo-input-container{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:all .3s;margin-bottom:10px}.promo-input-container:focus-within{border-color:#ff758c;box-shadow:0 0 0 3px #ff758c33}.promo-icon{width:20px;height:20px;fill:#a0aec0;margin-right:10px}.promo-input-container input{flex:1;border:none;padding:8px 0;font-size:14px;outline:none;background:transparent}.promo-input-container input:disabled{background:transparent;color:#a0aec0}.promo-validate-btn{background:linear-gradient(to right,#4caf50,#2e7d32);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.promo-validate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.promo-validate-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.promo-validate-btn.validating{background:#6b7280}.validating-text{display:flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.promo-validation-msg{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;margin-bottom:10px;font-size:14px;font-weight:500;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.promo-validation-msg.valid{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.promo-validation-msg.invalid{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.validation-icon{width:18px;height:18px;flex-shrink:0}.promo-validation-msg.valid .validation-icon{fill:#2e7d32}.promo-validation-msg.invalid .validation-icon{fill:#c62828}.promo-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:#718096;margin-top:8px;padding:8px 0;border-top:1px solid #e2e8f0}.hint-icon{width:16px;height:16px;fill:#718096;flex-shrink:0}.auth-submit{width:100%;padding:16px;background:linear-gradient(to right,#ff758c,#ff7eb3);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px}.auth-submit:hover:not(:disabled):not(.success-state){background:linear-gradient(to right,#e56a80,#e572a6);transform:translateY(-2px);box-shadow:0 6px 20px #ff758c66}.auth-submit:active:not(:disabled):not(.success-state){transform:translateY(0)}.auth-submit.loading{background:#6b7280;cursor:wait}.auth-submit.success-state{background:linear-gradient(to right,#4caf50,#2e7d32);cursor:default;animation:successPulse .5s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auth-submit:disabled{opacity:.7;cursor:not-allowed;background:#a0aec0;transform:none!important;box-shadow:none!important}.btn-text{display:flex;align-items:center;gap:8px}.btn-icon,.success-icon{width:20px;height:20px;fill:currentColor}.error-text{color:#f44;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px}.error-text:before{content:"⚠";font-size:14px}.success-message{background:linear-gradient(to right,#e8f5e9,#c8e6c9);color:#2e7d32;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border:1px solid #a5d6a7;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.promo-input-container{flex-direction:column;align-items:stretch;gap:10px}.promo-input-container input{padding:10px}.promo-validate-btn{width:100%;padding:10px}.promo-header{flex-direction:column;align-items:flex-start;gap:8px}.promo-discount{align-self:flex-start}}.form-group input:disabled,.form-group input:read-only{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.auth-form.loading{position:relative}.auth-form.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;z-index:10}