@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--spacing-mobile: var(--space-4);--spacing-tablet: var(--space-6);--spacing-desktop: var(--space-8)}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}body{background-color:var(--color-bg-page);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;margin:0 auto;padding:0 var(--spacing-mobile)}@media (min-width: 768px){.container{padding:0 var(--spacing-tablet);max-width:720px}}@media (min-width: 1024px){.container{padding:0 var(--spacing-desktop);max-width:960px}}@media (min-width: 1280px){.container{max-width:1200px}}.header{background-color:var(--color-bg-surface-1);box-shadow:var(--elevation-1);position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:12px 0;min-height:60px}.logo{display:flex;gap:8px;font-size:1.25rem;font-weight:800;color:var(--primary);text-decoration:none;min-height:44px;align-items:center}.logo-icon{font-size:1.5rem}.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--color-text-primary);cursor:pointer;min-width:44px;min-height:44px;padding:8px}.nav-language-container{display:flex;align-items:center;position:relative;margin-right:8px}.language-button{background:#fdd8351a;border:1px solid rgba(253,216,53,.3);border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:6px;color:var(--text);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;min-height:44px}.language-button:hover{background:#fdd83533;border-color:#fdd83580}.language-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-bg-surface-1);border-radius:10px;box-shadow:var(--elevation-3);padding:8px;margin-top:8px;min-width:140px;z-index:1001}.language-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .2s;color:var(--color-text-primary);font-weight:500;font-size:.95rem;min-height:48px}.language-option:hover,.language-option.active{background:#fdd8351a;color:var(--primary)}@media (min-width: 768px){.nav-container{padding:15px 0}.logo{font-size:1.5rem;gap:10px}.logo-icon{font-size:1.8rem}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--color-text-primary);text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 0;position:relative;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--primary);transition:width .3s;border-radius:2px}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none}}@media (min-width: 1024px){.nav-links{gap:25px}.nav-links a{font-size:1rem}.nav-actions{gap:15px}}.btn-login:not(.btnDS){background:transparent;border:2px solid var(--primary);color:var(--primary);padding:10px 20px;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-login:not(.btnDS):hover{background:var(--primary);color:var(--color-text-inverse)}.btn-signup:not(.btnDS){background:var(--primary);color:var(--color-text-inverse);border:none;padding:12px 24px;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 3px 0 var(--primary-dark);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-signup:not(.btnDS):hover{background:var(--primary-dark);transform:translateY(2px);box-shadow:0 1px 0 var(--primary-dark);color:var(--color-text-inverse)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown-menu.show{display:block}.language-flag{width:24px;height:16px;border-radius:3px;background-size:cover;background-position:center;flex-shrink:0}.lang-label{font-size:.9rem;font-weight:500}.lang-en{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="28" height="18"><clipPath id="s"><path d="M0,0 v30 h60 v-30 z"/></clipPath><clipPath id="t"><path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/></clipPath><g clip-path="url(%23s)"><path d="M0,0 v30 h60 v-30 z" fill="%23012169"/><path d="M0,0 L60,30 M60,0 L0,30" stroke="%23fff" stroke-width="6"/><path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(%23t)" stroke="%23C8102E" stroke-width="4"/><path d="M30,0 v30 M0,15 h60" stroke="%23fff" stroke-width="10"/><path d="M30,0 v30 M0,15 h60" stroke="%23C8102E" stroke-width="6"/></g></svg>')}.lang-es{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="60" height="40" fill="%23C60B1E"/><rect y="8" width="60" height="24" fill="%23FFC400"/></svg>')}.lang-zh{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="60" height="40" fill="%23DE2910"/></svg>')}.lang-ar{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="60" height="40" fill="%23CE1126"/><rect y="8" width="60" height="8" fill="%23fff"/><rect y="24" width="60" height="8" fill="%23000"/><path d="M0,0l20,20L0,40z" fill="%23007A3D"/></svg>')}.lang-fr{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="20" height="40" fill="%23002395"/><rect x="20" width="20" height="40" fill="%23fff"/><rect x="40" width="20" height="40" fill="%23ED2939"/></svg>')}.lang-de{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="60" height="13.333" y="0" fill="black"/><rect width="60" height="13.333" y="13.333" fill="%23FF0000"/><rect width="60" height="13.333" y="26.666" fill="%23FFCC00"/></svg>')}.lang-ru{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" width="28" height="18"><rect width="60" height="13.333" y="0" fill="white"/><rect width="60" height="13.333" y="13.333" fill="%2300529B"/><rect width="60" height="13.333" y="26.666" fill="%23E41837"/></svg>')}.lang-af{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 60" width="28" height="18"><rect width="90" height="60" fill="%23004294"/><rect width="90" height="40" y="20" fill="%23FFF"/><rect width="90" height="20" y="40" fill="%23007A4D"/><path d="M30,0 L30,60 M0,30 L90,30" stroke="%23FFB612" stroke-width="6"/></svg>')}.lang-uz{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 60" width="28" height="18"><rect width="90" height="60" fill="%2300985B"/><rect width="90" height="20" y="20" fill="%23FFF"/><rect width="90" height="20" y="40" fill="%2300985B"/></svg>')}.hero{padding:60px 0 40px;background:linear-gradient(135deg,#fdd8351a,#fff);position:relative;overflow:hidden;text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-title{font-size:1.75rem;font-weight:800;line-height:1.3;margin-bottom:16px;color:var(--color-text-primary);padding:0 8px}.hero-title span{color:var(--primary);display:inline-block}.hero-subtitle{font-size:1rem;margin-bottom:24px;color:var(--color-text-secondary);line-height:1.6;padding:0 8px}.hero-buttons{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch;margin-bottom:32px;padding:0 16px}.hero-buttons .btnDS{width:100%;min-height:48px}.btn-primary:not(.btnDS){background:var(--primary);color:#000;border:none;padding:14px 24px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 0 var(--primary-dark);text-decoration:none;min-height:48px;width:100%}.btn-primary:not(.btnDS):hover{background:var(--primary-dark);transform:translateY(2px);box-shadow:0 2px 0 var(--primary-dark);color:#000}.btn-secondary:not(.btnDS){background:#fff;color:var(--primary);border:2px solid var(--primary);padding:12px 24px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:48px;width:100%}.btn-secondary:not(.btnDS):hover{background:#fdd8351a}.benefits{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:0 16px}.benefit-item{display:flex;align-items:center;justify-content:center;gap:8px;background:#fdd8351a;padding:12px 16px;border-radius:20px;font-size:.875rem;color:var(--primary);font-weight:600;text-align:center}@media (min-width: 768px){.hero{padding:80px 0 60px}.hero-content{max-width:700px}.hero-title{font-size:2.25rem;margin-bottom:20px;padding:0}.hero-subtitle{font-size:1.125rem;margin-bottom:28px;padding:0}.hero-buttons{flex-direction:row;gap:15px;padding:0}.btn-primary,.btn-secondary,.hero-buttons .btnDS{width:auto;min-width:180px}.benefits{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px;padding:0}.benefit-item{font-size:.9rem;padding:10px 20px}}@media (min-width: 1024px){.hero{padding:100px 0 80px}.hero-content{max-width:800px}.hero-title{font-size:2.5rem;margin-bottom:20px}.hero-subtitle{font-size:1.2rem;margin-bottom:30px}.btn-primary,.btn-secondary{font-size:1.1rem;padding:15px 30px}.benefits{gap:20px;margin-top:30px}}.section{padding:48px 0}.section-light{background-color:var(--light)}.section-header{text-align:center;margin-bottom:32px;padding:0 16px}.section-header h2{font-size:1.75rem;color:var(--text);margin-bottom:12px;position:relative;font-weight:800;line-height:1.3}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--primary);border-radius:2px}.section-header p{font-size:1rem;color:var(--gray);max-width:100%;margin:16px auto 0;line-height:1.6;padding:0 8px}:root:not(.dark) .section-header h2{color:var(--color-text-primary)}:root:not(.dark) .payment-section h3,:root:not(.dark) .program-category h3,:root:not(.dark) .program-card-header h4{color:#000}.features-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px}.feature-card{background:#fff;border-radius:15px;padding:24px;box-shadow:var(--shadow);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--primary)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.feature-icon{width:70px;height:70px;background:#fdd8351a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--primary);font-size:1.75rem}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:var(--text)}.feature-description{font-size:.9375rem;color:var(--gray);line-height:1.6}@media (min-width: 768px){.section{padding:60px 0}.section-header{margin-bottom:40px;padding:0}.section-header h2{font-size:2rem;margin-bottom:15px}.section-header h2:after{width:60px;height:4px}.section-header p{font-size:1.05rem;max-width:600px;margin:18px auto 0;padding:0}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.feature-card{padding:28px}.feature-icon{width:80px;height:80px;font-size:2rem;margin-bottom:20px}}@media (min-width: 1024px){.section{padding:80px 0}.section-header{margin-bottom:50px}.section-header h2{font-size:2.2rem}.section-header p{font-size:1.1rem;max-width:700px;margin:20px auto 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{padding:30px}}.steps{display:flex;flex-direction:column;gap:32px;margin-top:40px;position:relative}.step{text-align:center;position:relative;z-index:1;padding:0 16px}.step-number{width:56px;height:56px;background:var(--primary);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 16px;box-shadow:0 4px 0 var(--primary-dark)}.step-title{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:var(--text)}.step-description{color:var(--gray);font-size:.9375rem;line-height:1.6}.steps:before{display:none}@media (min-width: 768px){.steps{flex-direction:row;justify-content:space-between;gap:24px;margin-top:50px}.step{flex:1;padding:0}.step-number{width:60px;height:60px;margin-bottom:20px}.step-title{font-size:1.2rem;margin-bottom:15px}.steps:before{content:"";display:block;position:absolute;top:30px;left:15%;right:15%;height:4px;background:var(--border);z-index:0}}@media (min-width: 1024px){.steps{gap:30px}.step-title{font-size:1.3rem}.step-description{font-size:1rem}}.languages{padding:60px 0;background:linear-gradient(135deg,var(--secondary) 0%,#0d47a1 100%);color:#fff;text-align:center}.languages .section-title,.languages .section-subtitle{color:#fff}.languages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.language-card{background:#ffffff1a;border-radius:10px;padding:16px 8px;transition:transform .3s,background .3s;cursor:pointer;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.language-card:hover{transform:translateY(-5px);background:#fff3}.language-flag{font-size:2rem;margin-bottom:8px}.language-name{font-weight:600;font-size:.875rem}@media (min-width: 768px){.languages{padding:70px 0}.languages-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.language-card{padding:20px 10px}.language-flag{font-size:2.25rem;margin-bottom:10px}.language-name{font-size:.9rem}}@media (min-width: 1024px){.languages{padding:80px 0}.languages-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.language-flag{font-size:2.5rem}.language-name{font-size:1rem}}.cta{padding:60px 0;background:var(--light);text-align:center}.cta-content{max-width:100%;margin:0 auto;padding:0 16px}.cta-title{font-size:1.75rem;font-weight:800;margin-bottom:16px;color:var(--text);line-height:1.3}.cta-subtitle{font-size:1rem;margin-bottom:32px;color:var(--gray);line-height:1.6}.cta .btn-primary:not(.btnDS){margin:0 auto}.cta .btnDS{margin:0 auto}@media (min-width: 768px){.cta{padding:70px 0}.cta-content{max-width:600px;padding:0}.cta-title{font-size:2rem;margin-bottom:20px}.cta-subtitle{font-size:1.05rem;margin-bottom:36px}}@media (min-width: 1024px){.cta{padding:80px 0}.cta-content{max-width:700px}.cta-title{font-size:2.2rem}.cta-subtitle{font-size:1.1rem;margin-bottom:40px}}.payment-info{background:#f8f9fa;padding:40px 0;text-align:center;border-top:1px solid #e9ecef}.payment-info p{color:var(--gray);font-size:.9rem;max-width:800px;margin:0 auto;line-height:1.6}.full-width-footer{background:#fff;border-top:1px solid #e9ecef;width:100%;margin:0;padding:0;box-shadow:0 -4px 20px #0000000a;position:relative;left:0;right:0}.footer-toggle{width:100%;background:var(--primary);color:#000;border:none;padding:15px 20px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.footer-toggle i{transition:transform .3s ease}.footer-content.expanded{max-height:500px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:30px 0}.contact-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f8f9fa;border-radius:10px;text-decoration:none;color:#2c3e50;transition:all .3s ease;border:1px solid #e9ecef;width:100%}.contact-btn:hover{background:#fdd8351a;transform:translateY(-3px);border-color:var(--primary);box-shadow:0 4px 12px #fdd8351f}.contact-btn i{font-size:1.2rem;color:var(--primary);min-width:24px}.btn-text .label{font-size:.85rem;color:#6c757d;margin-bottom:3px}.btn-text .value{font-weight:600;font-size:.95rem}.social-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px}.social-icons{display:flex;gap:10px}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f8f9fa;color:#2c3e50;font-size:1.1rem;transition:all .3s ease;text-decoration:none;border:1px solid #e9ecef}.copyright{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#6c757d}.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100%;background:#fff;box-shadow:-5px 0 20px #00000026;z-index:1001;transition:right .3s ease-in-out;padding:70px 20px 30px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.active{right:0}.mobile-menu-close{position:absolute;top:16px;right:16px;background:#fdd8351a;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text);cursor:pointer;transition:all .3s}.mobile-menu-close:hover{background:var(--primary)}.mobile-nav-links{list-style:none;margin-bottom:24px}.mobile-nav-links li{margin-bottom:0}.mobile-nav-links a{color:var(--text);text-decoration:none;font-size:1.125rem;font-weight:600;display:block;padding:16px 12px;border-bottom:1px solid var(--border);transition:all .2s;min-height:52px;display:flex;align-items:center}.mobile-nav-links a:active{background:#fdd8351a}.mobile-language{padding:16px 12px;color:var(--text);font-weight:600;border-bottom:1px solid var(--border);margin-bottom:24px}.mobile-language a{display:inline-block;margin-right:12px;margin-bottom:8px;padding:8px 16px;background:#fdd8351a;border-radius:20px;color:var(--text);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;min-height:36px;display:inline-flex;align-items:center}.mobile-language a.active{background:var(--primary);color:#000;font-weight:700}.mobile-nav-actions{display:flex;flex-direction:column;gap:12px;padding:0 12px}.mobile-nav-actions .btn-login,.mobile-nav-actions .btn-signup{width:100%;justify-content:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.active{display:block}.plans-grid{display:grid;grid-template-columns:1fr;gap:20px}.payment-section{background:var(--color-bg-surface-1);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.payment-card{background:var(--color-bg-surface-1);border-radius:10px;padding:20px;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--primary);position:relative;margin-bottom:16px}.payment-card.featured{border-top:4px solid var(--secondary);box-shadow:0 6px 20px #0000001f}.payment-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}:root:not(.dark) .payment-card{color:var(--color-text-primary)}:root:not(.dark) .payment-card h3,:root:not(.dark) .payment-card .price-amount{color:var(--color-text-primary)}:root:not(.dark) .payment-card .price-period{color:var(--color-text-secondary)}.programs-grid{display:grid;grid-template-columns:1fr;gap:20px}.program-category{background:var(--color-bg-surface-1);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.program-grid{display:grid;grid-template-columns:1fr;gap:12px}.program-card{background:var(--color-bg-surface-1);border-radius:8px;box-shadow:0 4px 12px #0000000a;border-left:4px solid var(--primary);transition:transform .3s ease;overflow:hidden;margin-bottom:12px}.program-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.program-card-header{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;background:var(--color-bg-surface-1);min-height:56px}.program-card-toggle{background:none;border:none;font-size:1.25rem;color:var(--primary);cursor:pointer;transition:transform .3s ease;padding:8px;margin-left:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.program-card-toggle.expanded{transform:rotate(180deg)}.program-card-body{max-height:0;overflow:hidden;transition:max-height .4s ease;background:var(--color-bg-surface-2)}.program-card-body.expanded{max-height:2000px}.program-card-content{padding:0 16px 16px}.collapsible-section{margin-top:24px}.collapsible-header{background:var(--color-bg-surface-1);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;min-height:56px}.collapsible-toggle{background:none;border:none;font-size:1.25rem;color:var(--primary);cursor:pointer;transition:transform .3s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.collapsible-toggle.expanded{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background:var(--color-bg-surface-1);border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0000001a}.collapsible-content.expanded{max-height:1500px}.collapsible-inner{padding:20px}.info-content{display:grid;grid-template-columns:1fr;gap:16px}.hours-info,.currency-info{padding:16px;background:var(--color-bg-surface-1);border-radius:8px;border-left:4px solid var(--primary);box-shadow:0 2px 8px #0000000d}@media (min-width: 768px){.plans-grid,.programs-grid{grid-template-columns:repeat(2,1fr);gap:24px}.payment-section,.program-category{padding:24px}.payment-card{padding:24px;margin-bottom:0}.payment-card.featured{transform:scale(1.02)}.payment-card.featured:hover{transform:scale(1.02) translateY(-3px)}.program-card{margin-bottom:15px}.program-card-header{padding:20px}.program-card-content{padding:0 20px 20px}.collapsible-section{margin-top:30px}.collapsible-header{padding:15px 25px}.collapsible-inner{padding:25px}.info-content{grid-template-columns:repeat(2,1fr);gap:20px}.hours-info,.currency-info{padding:20px}}@media (min-width: 1024px){.plans-grid,.programs-grid{gap:30px}.payment-section,.program-category{padding:25px}.info-content{gap:25px}}.payment-info{background:#f8f9fa;padding:32px 0;text-align:center;border-top:1px solid #e9ecef}.payment-info p{color:var(--gray);font-size:.875rem;max-width:100%;margin:0 auto;line-height:1.6;padding:0 16px}@media (min-width: 768px){.payment-info{padding:40px 0}.payment-info p{font-size:.9rem;max-width:700px;padding:0}}@media (min-width: 1024px){.payment-info p{max-width:800px}}.full-width-footer{background:#fff;border-top:1px solid #e9ecef;width:100%;margin:0;padding:0;box-shadow:0 -4px 20px #0000000a;position:relative}.footer-toggle{width:100%;background:var(--primary);color:#000;border:none;padding:16px 20px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;min-height:56px}.footer-toggle:hover{background:var(--primary-dark)}.footer-toggle i{transition:transform .3s ease;font-size:1.25rem}.footer-toggle.active i{transform:rotate(180deg)}.footer-content{max-height:0;overflow:hidden;transition:max-height .5s ease;background:#fff;width:100%}.footer-content.expanded{max-height:1200px}.footer-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:24px 16px}.contact-section{display:grid;grid-template-columns:1fr;gap:12px}.contact-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border-radius:10px;text-decoration:none;color:#2c3e50;transition:all .3s ease;border:1px solid #e9ecef;width:100%;min-height:56px}.contact-btn:hover{background:#fdd8351a;transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #fdd8351f}.contact-btn i{font-size:1.25rem;color:var(--primary);min-width:28px;display:flex;align-items:center;justify-content:center}.btn-text{text-align:left;flex:1}.btn-text .label{font-size:.8125rem;color:#6c757d;margin-bottom:2px;display:block}.btn-text .value{font-weight:600;font-size:.9375rem;display:block}.social-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%}.social-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f8f9fa;color:#2c3e50;font-size:1.125rem;transition:all .3s ease;text-decoration:none;border:1px solid #e9ecef}.social-icon:hover{transform:translateY(-3px);background:#fdd8351a;border-color:var(--primary)}.copyright{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#6c757d;text-align:center;margin-top:12px}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr;gap:32px;padding:30px 24px}.contact-section{grid-template-columns:repeat(2,1fr);gap:12px}.contact-btn{padding:12px 16px}.contact-btn i{font-size:1.2rem;min-width:24px}.btn-text .label{font-size:.85rem;margin-bottom:3px}.btn-text .value{font-size:.95rem}.social-section{flex-direction:column;justify-content:space-between;align-items:center;gap:20px}.social-icons{gap:10px}.social-icon{width:40px;height:40px;font-size:1.1rem}.footer-content.expanded{max-height:500px}}@media (min-width: 1024px){.footer-grid{padding:30px 0}.contact-section{gap:15px}.contact-btn{padding:12px 18px}}html[dir=rtl] .section-header h2:after{left:auto;right:50%;transform:translate(50%)}html[dir=rtl] .language-dropdown-menu{right:auto;left:0}html[dir=rtl] .btn-text{text-align:right}html[dir=rtl] .program-card li:before,html[dir=rtl] .program-card li{padding-left:0;padding-right:20px}html[dir=rtl] .program-card li:before{left:auto;right:10px}:root.dark{--primary: #e4c42a;--primary-dark: #d4b520;--primary-light: #f0d040;--secondary: #60a5fa;--dark: #e0e0e0;--light: #1a1a1a;--text: #e0e0e0;--gray: #999;--border: #333;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .6);--success: #34d399}:root.dark body{background-color:#121212;color:#e0e0e0}:root.dark .header{background-color:#1e1e1e;box-shadow:0 2px 10px #0000004d}:root.dark .logo{color:#e4c42a}:root.dark .nav-links a{color:#e0e0e0}:root.dark .nav-links a:hover{color:#e4c42a}:root.dark .mobile-menu-btn{color:#e0e0e0}:root.dark .language-button{background:#e4c42a26;border-color:#e4c42a66;color:#e0e0e0}:root.dark .language-button:hover{background:#e4c42a40}:root.dark .language-dropdown-menu{background:#2a2a2a;box-shadow:0 4px 20px #00000080}:root.dark .language-option{color:#e0e0e0}:root.dark .language-option:hover,:root.dark .language-option.active{background:#e4c42a26;color:#e4c42a}:root.dark .btn-login:not(.btnDS){border-color:#e4c42a;color:#e4c42a}:root.dark .btn-login:not(.btnDS):hover{background:#e4c42a;color:#121212}:root.dark .btn-signup:not(.btnDS){background:#e4c42a;color:#121212;box-shadow:0 3px #d4b520}:root.dark .btn-signup:not(.btnDS):hover{background:#d4b520;box-shadow:0 1px #d4b520;color:#121212}:root.dark .hero{background:linear-gradient(135deg,#e4c42a14,#121212)}:root.dark .hero-title{color:#e0e0e0}:root.dark .hero-title span{color:#e4c42a}:root.dark .hero-subtitle{color:#999}:root.dark .btn-primary:not(.btnDS){background:#e4c42a;color:#121212;box-shadow:0 4px #d4b520}:root.dark .btn-primary:not(.btnDS):hover{background:#d4b520;box-shadow:0 2px #d4b520;color:#121212}:root.dark .btn-secondary:not(.btnDS){background:#2a2a2a;color:#e4c42a;border-color:#e4c42a}:root.dark .btn-secondary:not(.btnDS):hover{background:#e4c42a26}:root.dark .benefit-item{background:#e4c42a1f;color:#e4c42a}:root.dark .section-light{background-color:#1a1a1a}:root.dark .section-header h2{color:#e0e0e0}:root.dark .section-header p{color:#999}:root.dark .feature-card{background:#1e1e1e;border-color:#333;box-shadow:0 4px 12px #0006}:root.dark .feature-card:hover{box-shadow:0 8px 24px #0009}:root.dark .feature-icon{background:#e4c42a1f;color:#e4c42a}:root.dark .step-title,:root.dark .feature-card h3{color:#e0e0e0}:root.dark .step-description,:root.dark .feature-card p{color:#999}:root.dark .step-number{background:#e4c42a;color:#121212;box-shadow:0 4px #d4b520}:root.dark .steps:before{background:#333}:root.dark .program-card{background:#1e1e1e;border-color:#333}:root.dark .program-card:hover{box-shadow:0 8px 24px #0009}:root.dark .program-title{color:#e0e0e0}:root.dark .program-description,:root.dark .program-card li{color:#999}:root.dark .program-price-value{color:#e4c42a}:root.dark .payment-section,:root.dark .program-category{background:var(--color-bg-surface-1);box-shadow:var(--elevation-2)}:root.dark .payment-card{background:var(--color-bg-surface-1);border-top-color:var(--color-accent);box-shadow:var(--elevation-2);color:var(--color-text-primary)}:root.dark .payment-card:hover{box-shadow:var(--elevation-3)}:root.dark .payment-card h3{color:var(--color-text-primary)}:root.dark .payment-card .price-amount{color:var(--color-accent)}:root.dark .payment-card .price-period{color:var(--color-text-secondary)}:root.dark .program-card-header{background:var(--color-bg-surface-1)}:root.dark .program-card-body{background:var(--color-bg-surface-2)}:root.dark .collapsible-content{background:var(--color-bg-surface-1);box-shadow:var(--elevation-2)}:root.dark .hours-info,:root.dark .currency-info{background:var(--color-bg-surface-1);border-left-color:var(--color-accent);box-shadow:var(--elevation-1);color:var(--color-text-primary)}:root.dark .cta{background:#1a1a1a}:root.dark .cta-title{color:#e0e0e0}:root.dark .cta-subtitle{color:#999}:root.dark .full-width-footer{background:#1e1e1e;border-top-color:#333;box-shadow:0 -4px 20px #0000004d}:root.dark .footer-toggle{background:#e4c42a;color:#121212}:root.dark .footer-toggle:hover{background:#d4b520}:root.dark .footer-content{background:#1e1e1e}:root.dark .contact-btn{background:#2a2a2a;color:#e0e0e0;border-color:#333}:root.dark .contact-btn:hover{background:#e4c42a1f;border-color:#e4c42a;box-shadow:0 4px 12px #e4c42a1f}:root.dark .contact-btn i{color:#e4c42a}:root.dark .btn-text .label{color:#999}:root.dark .btn-text .value{color:#e0e0e0}:root.dark .social-icon{background:#2a2a2a;color:#e0e0e0;border-color:#333}:root.dark .social-icon:hover{background:#e4c42a1f;border-color:#e4c42a}:root.dark .copyright{color:#999}:root.dark .mobile-menu{background:#1e1e1e;box-shadow:-5px 0 15px #00000080}:root.dark .mobile-menu-close{color:#e0e0e0}:root.dark .mobile-nav-links a{color:#e0e0e0;border-bottom-color:#333}:root.dark .mobile-language{color:#e0e0e0;border-bottom-color:#333}:root.dark .mobile-language a{color:#999}:root.dark .mobile-language a.active{color:#e4c42a}:root.dark .overlay{background:#000000bf}:root.dark .collapsible-section{border-top-color:#333}:root.dark .collapsible-header{background:#1e1e1e;box-shadow:0 4px 12px #0006}:root.dark .collapsible-header:hover{background:#252525}:root.dark .collapsible-header h3{color:#e0e0e0}:root.dark .collapsible-header i{color:#e4c42a}:root.dark .floating-element{opacity:.05!important}:root.dark .floating-icon{opacity:.06!important}:root.dark .payment-info{background:#1a1a1a;border-top-color:#333}:root.dark .payment-info p{color:#999}:root.dark header{background:#1e1e1e!important;border-bottom-color:#333!important;box-shadow:0 2px 8px #0000004d!important}:root.dark header a[href="/"] span,:root.dark header .logo span{color:#e0e0e0!important}:root.dark header a[href="/"] span span{color:#e4c42a!important}:root.dark header nav a{color:#e0e0e0!important}:root.dark header nav a:hover{background:#e4c42a1a!important}:root.dark .language-dropdown button{background:#2a2a2a!important;border-color:#333!important;color:#e0e0e0!important}:root.dark .language-dropdown button:hover{background:#e4c42a26!important}:root.dark .language-dropdown>div{background:#2a2a2a!important;border-color:#333!important;box-shadow:0 4px 12px #00000080!important}:root.dark .language-dropdown>div button{color:#e0e0e0!important}:root.dark .language-dropdown>div button:hover{background:#e4c42a26!important}:root.dark .user-menu-dropdown{background:#2a2a2a!important;border-color:#333!important;box-shadow:0 4px 12px #00000080!important}:root.dark .user-menu-dropdown button,:root.dark .user-menu-dropdown a{color:#e0e0e0!important}:root.dark .user-menu-dropdown button:hover,:root.dark .user-menu-dropdown a:hover{background:#e4c42a26!important}.registration-card{max-width:720px!important;max-height:90vh;overflow-y:auto}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--color-text-secondary)}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid var(--color-primary);position:relative;transition:transform .2s ease}.avatar-preview:hover{transform:scale(1.05)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-gray-400)}.upload-spinner{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.registration-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:4px}.form-label.required:after{content:"*";color:var(--color-error)}.form-help{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.form-control{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:15px;font-family:inherit;transition:all .2s ease;background:var(--color-surface);color:var(--color-text)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #fdd8351a}.form-control::placeholder{color:var(--color-text-disabled)}.availability-grid{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:16px;background:var(--color-gray-50);border-radius:var(--border-radius)}.availability-day{display:flex;flex-direction:column;gap:8px}.day-header{font-size:14px;font-weight:600;color:var(--color-text);padding:8px 12px;background:var(--color-surface);border-radius:var(--border-radius-sm)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.time-slot-btn{padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease;font-family:inherit}.time-slot-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.time-slot-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-dark);font-weight:600}.guardian-section{padding:20px;background:var(--color-gray-50);border-radius:var(--border-radius);border-left:4px solid var(--color-info)}.section-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:16px}.consent-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-gray-50);border-radius:var(--border-radius)}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:var(--color-text)}.checkbox-label.required{font-weight:500}.checkbox-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions button{flex:1;padding:14px 24px;font-size:15px;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--color-primary);color:var(--color-dark)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #fdd8354d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-gray-50)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:14px}.draft-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-warning);color:var(--color-dark);border-radius:var(--border-radius);font-size:13px;font-weight:500}.draft-notice svg{flex-shrink:0}@media (prefers-color-scheme: dark){.form-control{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.availability-grid,.guardian-section,.consent-section{background:#ffffff0d}}:root{--color-bg-page: #ffffff;--color-bg-surface-1: #ffffff;--color-bg-surface-2: #f8f9fa;--color-border: #e6e8eb;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-inverse: #0b0b0b;--color-accent: #fdd835;--color-accent-emphasis: #f9a825;--color-accent-soft: #fff3b0;--color-secondary: #1a73e8;--color-secondary-emphasis: #155fc0;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--elevation-0: none;--elevation-1: 0 1px 2px rgba(0,0,0,.06);--elevation-2: 0 2px 6px rgba(0,0,0,.08);--elevation-3: 0 6px 16px rgba(0,0,0,.1);--elevation-4: 0 10px 24px rgba(0,0,0,.12);--elevation-5: 0 14px 32px rgba(0,0,0,.16);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--font-family-base: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-tight: 1.2;--line-normal: 1.5;--line-relaxed: 1.7;--ease-standard: cubic-bezier(.25,.8,.25,1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--primary: var(--color-accent);--primary-dark: var(--color-accent-emphasis);--primary-light: var(--color-accent);--secondary: var(--color-secondary);--dark: #2c3e50;--light: var(--color-bg-surface-1);--text: var(--color-text-primary);--gray: var(--color-text-tertiary);--border: var(--color-border);--shadow: var(--elevation-2);--shadow-hover: var(--elevation-3);--success: var(--color-success)}html,body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-base)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}:root.dark{--color-bg-page: #121314;--color-bg-surface-1: #1e1f21;--color-bg-surface-2: #242629;--color-border: #33373c;--color-text-primary: #e5e7eb;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-inverse: #0d0d0d;--color-accent: #e4c42a;--color-accent-emphasis: #d4b520;--color-accent-soft: rgba(228,196,42,.12);--color-secondary: #60a5fa;--color-secondary-emphasis: #3b82f6;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--elevation-0: none;--elevation-1: 0 1px 2px rgba(0,0,0,.4);--elevation-2: 0 2px 6px rgba(0,0,0,.45);--elevation-3: 0 6px 16px rgba(0,0,0,.5);--elevation-4: 0 10px 24px rgba(0,0,0,.55);--elevation-5: 0 14px 32px rgba(0,0,0,.6);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--font-family-base: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-tight: 1.2;--line-normal: 1.5;--line-relaxed: 1.7;--ease-standard: cubic-bezier(.25,.8,.25,1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--primary: var(--color-accent);--primary-dark: var(--color-accent-emphasis);--primary-light: var(--color-accent);--secondary: var(--color-secondary);--dark: #e0e0e0;--light: var(--color-bg-surface-1);--text: var(--color-text-primary);--gray: var(--color-text-tertiary);--border: var(--color-border);--shadow: var(--elevation-2);--shadow-hover: var(--elevation-3);--success: var(--color-success)}.u-flex{display:flex}.u-flex-col{display:flex;flex-direction:column}.u-grid{display:grid}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-gap-5{gap:var(--space-5)}.u-w-full{width:100%}.u-text-center{text-align:center}.u-radius-sm{border-radius:var(--radius-sm)}.u-radius-md{border-radius:var(--radius-md)}.u-radius-lg{border-radius:var(--radius-lg)}.u-shadow-1{box-shadow:var(--elevation-1)}.u-shadow-2{box-shadow:var(--elevation-2)}.u-shadow-3{box-shadow:var(--elevation-3)}.u-shadow-hover{transition:box-shadow var(--duration-base) var(--ease-standard)}.u-shadow-hover:hover{box-shadow:var(--elevation-3)}.text-primary{color:var(--color-text-primary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.btnDS{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-normal);border:none;cursor:pointer;border-radius:var(--radius-pill);transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);text-decoration:none}.btnDS:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:2px}.btnDS--primary{background:var(--color-accent);color:#0d0d0d;box-shadow:var(--elevation-1)}.btnDS--primary:hover{background:var(--color-accent-emphasis);box-shadow:var(--elevation-2)}.btnDS--secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--elevation-1)}.btnDS--secondary:hover{background:var(--color-secondary-emphasis);box-shadow:var(--elevation-2)}.btnDS--outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btnDS--outline:hover{background:var(--color-accent-soft)}.btnDS--subtle{background:var(--color-accent-soft);color:var(--color-text-primary)}.btnDS--subtle:hover{background:var(--color-accent);color:#0d0d0d}.btnDS--danger{background:var(--color-danger);color:#fff}.btnDS--danger:hover{background:#dc2626}.btnDS--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btnDS--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-lg)}.cardDS{background:var(--color-bg-surface-1);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--elevation-1);transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.cardDS:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.cardDS--outlined{box-shadow:none}.cardDS--elevated{box-shadow:var(--elevation-2)}.cardDS--pricing{border-top:4px solid var(--color-accent)}.cardDS--pricing.featured{border-top-color:var(--color-secondary)}.cardDS ul{list-style:none;padding:0;margin:0}.cardDS ul li{padding:var(--space-1) 0;position:relative}.cardDS ul li:before{content:"•";color:var(--color-accent);position:absolute;left:-1rem}html[dir=rtl] .cardDS ul li:before{left:auto;right:-1rem}.accordionDS{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface-1)}.accordionDS__item+.accordionDS__item{border-top:1px solid var(--color-border)}.accordionDS__header{cursor:pointer;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.accordionDS__header:hover{background:var(--color-bg-surface-2)}.accordionDS__chevron{transition:transform var(--duration-base) var(--ease-standard)}.accordionDS__chevron--open{transform:rotate(180deg)}.accordionDS__content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-standard),opacity var(--duration-base) var(--ease-standard);opacity:0}.accordionDS__content--open{opacity:1}.badgeDS{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-bg-surface-2);color:var(--color-text-secondary)}.badgeDS--accent{background:var(--color-accent-soft);color:var(--color-text-primary)}.badgeDS--success{background:#dcfce7;color:#166534}.badgeDS--warning{background:#fef3c7;color:#92400e}.badgeDS--danger{background:#fee2e2;color:#991b1b}.inputDS{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;background:var(--color-bg-surface-1);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.inputDS:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.inputDS::placeholder{color:var(--color-text-tertiary)}.inputDS:disabled{background:var(--color-bg-surface-2);color:var(--color-text-tertiary);cursor:not-allowed}.inputDS--error{border-color:var(--color-danger)}.inputDS--success{border-color:var(--color-success)}.tableDS{width:100%;border-collapse:collapse}.tableDS th,.tableDS td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.tableDS th{background:var(--color-bg-surface-2);font-weight:var(--font-weight-semibold)}.tableDS tr:hover td{background:var(--color-bg-surface-2)}html[dir=rtl] .tableDS th,html[dir=rtl] .tableDS td{text-align:right}:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:2px}:root.dark .cardDS{background:var(--color-bg-surface-1);border-color:var(--color-border);box-shadow:var(--elevation-1)}:root.dark .cardDS:hover{box-shadow:var(--elevation-3)}:root.dark .badgeDS{background:var(--color-bg-surface-2);color:var(--color-text-secondary)}:root.dark .badgeDS--accent{background:var(--color-accent-soft);color:var(--color-text-primary)}:root.dark .accordionDS{background:var(--color-bg-surface-1)}:root.dark .accordionDS__header:hover{background:var(--color-bg-surface-2)}:root.dark .inputDS{background:var(--color-bg-surface-1)}:root.dark .inputDS:disabled{background:var(--color-bg-surface-2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #fdd835;--color-primary-dark: #f9a825;--color-primary-light: #ffeb3b;--color-secondary: #fdd835;--color-secondary-dark: #f9a825;--color-accent: #fdd835;--color-accent-dark: #f9a825;--color-success: #10b981;--color-success-dark: #059669;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-white: #ffffff;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-border: #e9ecef;--color-text: #3a3a3a;--color-text-secondary: #6c757d;--color-text-disabled: #94a3b8;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-dark: #2c3e50;--color-light: #f8f9fa;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}:root.dark{--color-bg: #121212;--color-surface: #1e1e1e;--color-border: #333;--color-text: #e0e0e0;--color-text-secondary: #999;--color-text-disabled: #666;--color-primary: #e4c42a;--color-primary-dark: #d4b520;--color-primary-light: #f0d040;--color-secondary: #e4c42a;--color-secondary-dark: #d4b520;--color-accent: #e4c42a;--color-accent-dark: #d4b520;--color-success: #34d399;--color-success-dark: #10b981;--color-error: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-gray-50: #1a1a1a;--color-gray-100: #2a2a2a;--color-gray-200: #333333;--color-gray-300: #3d3d3d;--color-gray-400: #666666;--color-gray-500: #808080;--color-gray-600: #999999;--color-gray-700: #b3b3b3;--color-gray-800: #cccccc;--color-gray-900: #e0e0e0;--color-white: #1e1e1e;--color-dark: #e0e0e0;--color-light: #1a1a1a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}[dir=rtl]{--text-align-start: right;--text-align-end: left;--float-start: right;--float-end: left}[dir=ltr],:root{--text-align-start: left;--text-align-end: right;--float-start: left;--float-end: right}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;direction:ltr}body[dir=rtl]{direction:rtl}.container{width:100%;margin-inline:auto;padding-inline:var(--spacing-md)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.text-start{text-align:var(--text-align-start)}.text-end{text-align:var(--text-align-end)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-inline:var(--spacing-sm)}.px-md{padding-inline:var(--spacing-md)}.px-lg{padding-inline:var(--spacing-lg)}.py-sm{padding-block:var(--spacing-sm)}.py-md{padding-block:var(--spacing-md)}.py-lg{padding-block:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-block-end:var(--spacing-sm)}.mb-md{margin-block-end:var(--spacing-md)}.mb-lg{margin-block-end:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;gap:var(--spacing-sm)}.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-gray-900)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-error{background-color:var(--color-error);color:#fff}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.form-group{margin-block-end:var(--spacing-md)}.form-label{display:block;margin-block-end:var(--spacing-xs);font-weight:500;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1976d21a}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-block-start:var(--spacing-xs)}.spinner{border:3px solid var(--color-surface);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hidden{display:none}@media (max-width: 767px){.hide-mobile{display:none}.mobile-menu-button{display:block!important}.desktop-nav{display:none!important}}@media (min-width: 768px){.mobile-menu{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none}}.price-tag{display:inline-flex;align-items:baseline;gap:.25rem;font-weight:var(--font-weight-bold)}.price-tag .currency{font-size:var(--font-size-lg);color:var(--color-primary)}.price-tag .amount{font-size:var(--font-size-3xl);color:var(--color-primary)}.price-tag .unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);transition:all .3s ease;position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform .3s ease}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.course-card:hover:before{transform:scaleX(1)}.course-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.course-icon{width:56px;height:56px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;flex-shrink:0}.course-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.course-level{display:inline-block;padding:.25rem .75rem;background:var(--color-secondary);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.course-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.course-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius)}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-item i{color:var(--color-primary)}.meta-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all .2s ease}.feature-item:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.feature-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xs)}.feature-text{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-semibold)}.collapsible-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}.collapse-trigger{width:100%;padding:var(--spacing-md) 0;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:color .2s ease}.collapse-trigger:hover{color:var(--color-primary)}.collapse-icon{transition:transform .3s ease;color:var(--color-primary)}.collapse-trigger[aria-expanded=true] .collapse-icon{transform:rotate(180deg)}.collapse-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapse-content.open{max-height:2000px}.collapse-inner{padding-bottom:var(--spacing-lg)}.pricing-plan-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);text-align:center;transition:all .3s ease;position:relative}.pricing-plan-card.popular{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:scale(1.05)}.pricing-plan-card.popular:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-secondary);color:#fff;padding:.25rem 1rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.pricing-plan-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl)}.pricing-plan-card.popular:hover{transform:translateY(-4px) scale(1.07)}.plan-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-md)}.plan-price{margin-bottom:var(--spacing-xl)}.plan-features{text-align:left;margin-bottom:var(--spacing-xl)}.plan-feature{display:flex;align-items:flex-start;gap:.75rem;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.plan-feature i{color:var(--color-success);margin-top:.25rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary);color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.badge-secondary{background:var(--color-secondary);color:#fff}.badge-success{background:var(--color-success);color:#fff}.badge-accent{background:var(--color-accent);color:#fff}.badge-outline{background:transparent;border:1px solid currentColor}.payment-methods{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.payment-badge{padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.payment-badge:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.payment-badge i{color:var(--color-primary)}.highlight-box{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);margin:var(--spacing-xl) 0;text-align:center}.highlight-box h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.highlight-box p{font-size:var(--font-size-base);opacity:.95}.section-light{background:var(--color-gray-50)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl);max-width:700px;margin-left:auto;margin-right:auto}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}.currency-conversions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.currency-item{display:flex;align-items:center;gap:.25rem}.currency-symbol{font-weight:var(--font-weight-semibold)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}@media (max-width: 768px){.pricing-grid,.courses-grid{grid-template-columns:1fr}.pricing-plan-card.popular{transform:scale(1)}.pricing-plan-card.popular:hover{transform:translateY(-4px)}}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}.collapsible-content.expanded{max-height:2000px;opacity:1;transition:max-height .5s ease-in,opacity .3s ease-in}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;animation:fadeIn .2s ease-out}.auth-modal-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000000d;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.auth-modal-close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;font-size:28px;font-weight:300;line-height:1;transition:all .2s;z-index:10}.auth-modal-close:hover{background:#0000001a;transform:scale(1.1)}.auth-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #f0f0f0}.auth-modal-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.auth-modal-subtitle{font-size:14px;color:#666;margin:0}.auth-modal-tabs{display:flex;gap:8px;padding:16px 24px 0;background:#fafafa;border-bottom:2px solid #e5e5e5}.auth-modal-tab{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:12px 12px 0 0;cursor:pointer;font-size:15px;font-weight:600;color:#666;transition:all .2s;position:relative}.auth-modal-tab:hover{color:#333;background:#fdd8351a}.auth-modal-tab.active{background:#fff;color:#1a1a1a;font-weight:700}.auth-modal-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#fdd835,#f9a825);border-radius:2px 2px 0 0}.auth-modal-content{padding:32px 32px 40px;background:#fff}.auth-message{padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500}.auth-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.auth-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-input-group{margin-bottom:20px}.auth-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.auth-input,.auth-select{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;transition:all .2s;background:#fff}.auth-input:focus,.auth-select:focus{outline:none;border-color:#fdd835;box-shadow:0 0 0 3px #fdd8351a}.auth-input.error,.auth-select.error{border-color:#dc3545}.auth-input-error{margin-top:6px;font-size:13px;color:#dc3545}.auth-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.auth-button-primary{background:linear-gradient(135deg,#fdd835,#f9a825);color:#1a1a1a;box-shadow:0 4px 12px #fdd8354d}.auth-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fdd83566}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-primary:disabled{opacity:.6;cursor:not-allowed}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:2px solid #e5e5e5;border-radius:12px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#333;transition:all .2s}.oauth-button:hover{border-color:#fdd835;box-shadow:0 4px 12px #fdd83533;transform:translateY(-1px)}.oauth-button svg{width:20px;height:20px}.auth-divider{position:relative;text-align:center;margin:24px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e5e5}.auth-divider span{position:relative;display:inline-block;padding:0 16px;background:#fff;font-size:13px;color:#999;font-weight:500}@media (prefers-color-scheme: dark){.auth-modal-card{background:#1a1a1a}.auth-modal-close{background:#ffffff0d;color:#fff}.auth-modal-close:hover{background:#ffffff1a}.auth-modal-header{border-bottom-color:#333}.auth-modal-title{color:#fff}.auth-modal-subtitle{color:#aaa}.auth-modal-tabs{background:#0f0f0f;border-bottom-color:#333}.auth-modal-tab{color:#999}.auth-modal-tab:hover{color:#fff;background:#fdd8350d}.auth-modal-tab.active{background:#1a1a1a;color:#fff}.auth-modal-content{background:#1a1a1a}.auth-label{color:#fff}.auth-input,.auth-select{background:#2a2a2a;border-color:#333;color:#fff}.auth-input:focus,.auth-select:focus{border-color:#fdd835;box-shadow:0 0 0 3px #fdd8351a}.oauth-button{background:#2a2a2a;border-color:#333;color:#fff}.auth-divider:before{background:#333}.auth-divider span{background:#1a1a1a;color:#666}}