*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh;width:100%}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffffa;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:8px;text-decoration:none}.logo-icon{align-items:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;color:#333;display:flex;font-size:18px;height:32px;justify-content:center;overflow:hidden;width:32px}.logo-icon img{height:100%;object-fit:cover;width:100%}.logo-text{color:#1a1a1a;font-size:1.25rem;font-weight:600}.navigation ul{gap:32px;list-style:none;margin:0;padding:0}.navigation li,.navigation ul{align-items:center;display:flex;height:100%}.navigation a{align-items:center;color:#666;display:flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:color .2s ease}.navigation a:hover{color:#1a1a1a}.dropdown{height:100%;position:relative}.dropdown,.dropdown-toggle{align-items:center;display:flex}.dropdown-toggle{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;gap:4px;height:auto;line-height:1;padding:0;text-decoration:none;transition:all .3s ease}.dropdown-toggle:hover{background:#00000008;color:#1a1a1a}.dropdown-menu{animation:slideDown .3s ease;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014;left:0;margin-top:12px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.dropdown-menu a{color:#333;display:block;font-size:.875rem;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.dropdown-menu a:before{background:#1a1a1a;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.dropdown-menu a:hover{background-color:#f8f8f8;color:#1a1a1a;padding-left:24px}.dropdown-menu a:hover:before{transform:scaleY(1)}.header-actions{align-items:center;display:flex;gap:12px;height:100%}.tokens-display-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:.875rem;font-weight:700;padding:8px 16px}.currency-switcher{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:0;padding:3px}.currency-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.875rem;font-weight:600;padding:6px 14px;transition:all .2s}.currency-btn:hover{color:#1a1a1a}.currency-btn.active{background:#1a1a1a;box-shadow:0 1px 3px #0000001a;color:#fff}.user-menu{position:relative}.user-name-btn{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.user-name-btn:hover{background:linear-gradient(135deg,#333,#1a1a1a);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.user-dropdown{animation:slideDown .3s ease;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);z-index:100}.user-dropdown a,.user-dropdown button{background:#0000;border:none;color:#333;cursor:pointer;display:block;font-size:.875rem;padding:12px 20px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-dropdown a:before,.user-dropdown button:before{background:#1a1a1a;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.user-dropdown a:hover,.user-dropdown button:hover{background-color:#f8f8f8;color:#1a1a1a;padding-left:24px}.user-dropdown a:hover:before,.user-dropdown button:hover:before{transform:scaleY(1)}.btn-login{background:#0000;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-login:hover{background-color:#f5f5f5;border-color:#999}.btn-logout,.btn-signup{background:#1a1a1a;border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-logout:hover,.btn-signup:hover{opacity:.9}@media (max-width:768px){.header-container{flex-wrap:wrap;height:auto;padding:12px 20px}.navigation{order:3;width:100%}.navigation ul{flex-direction:column;gap:12px;padding:12px 0}.dropdown-menu{border:none;box-shadow:none;margin-top:4px;padding-left:16px;position:static}}.footer{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-top:1px solid #e5e5e5;margin-top:auto;position:relative}.footer:before{background:linear-gradient(90deg,#1a1a1a,#666 50%,#1a1a1a);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;padding:32px 20px 24px}.footer-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr .3fr .3fr .7fr .4fr .9fr;margin-bottom:24px}@media (max-width:1024px){.footer-content{gap:32px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-content{gap:24px;grid-template-columns:1fr}}.footer-logo{gap:8px;margin-bottom:12px;text-decoration:none}.footer-logo,.footer-logo-icon{align-items:center;display:flex}.footer-logo-icon{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:6px;color:#333;font-size:16px;height:28px;justify-content:center;overflow:hidden;width:28px}.footer-logo-icon img{height:100%;object-fit:cover;width:100%}.footer-logo-text{color:#1a1a1a;font-size:1.1rem;font-weight:600}.footer-description{color:#666;font-size:.8rem;line-height:1.4;margin-bottom:12px}.footer-company-info{color:#9ca3af;font-size:.7rem;margin-top:12px}.company-name{color:#333;font-weight:600;margin-bottom:4px}.footer-company-info address{font-style:normal;line-height:1.4}.footer-section h4{color:#1a1a1a;font-size:.95rem;font-weight:700;margin-bottom:12px;padding-bottom:6px;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#1a1a1a,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:28px}.footer-section ul{list-style:none;padding:0}.footer-section li{align-items:center;display:flex;gap:6px;margin-bottom:8px}.footer-section a{color:#666;display:inline-block;font-size:.8rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-section a:before{background:#1a1a1a;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section a:hover{color:#1a1a1a;transform:translateX(4px)}.footer-section a:hover:before{width:100%}.blog-links li{margin-bottom:7px}.icon{font-size:14px}.footer-bottom{align-items:center;border-top:2px solid #e5e5e5;display:flex;justify-content:space-between;padding-top:20px}.footer-bottom p{color:#999;font-size:.8rem;font-weight:500}.payment-methods{display:flex;gap:12px}.payment-card{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#666;display:flex;font-size:.625rem;font-weight:600;height:36px;justify-content:center;padding:4px;transition:all .3s ease;width:54px}.payment-card:hover{border-color:#999;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.payment-card img{max-height:100%;max-width:100%;object-fit:contain}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:left}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.modal-content,.modal-overlay{overflow-y:auto}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:20px auto;max-height:calc(100vh - 80px);max-width:600px}.modal-content h2{font-weight:600}.error-message{background-color:#fff5f5;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;margin-bottom:20px;padding:12px}.error-message,.form-group label{font-size:.875rem}.form-group input,.form-group select{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group select{cursor:pointer;font-size:1rem;width:100%}.form-row{grid-gap:16px;gap:16px}.form-section-title{border-top:1px solid #e5e5e5;color:#333;font-size:1rem;font-weight:600;margin:24px 0 16px;padding-top:20px}.submit-btn{border-radius:6px;padding:12px}.submit-btn:hover:not(:disabled){opacity:.9}.switch-mode{color:#666;font-size:.875rem;margin-top:24px;text-align:center}.switch-mode p{margin:0}.link-btn{background:none;border:none;color:#1a1a1a;cursor:pointer;font-weight:500;padding:0;text-decoration:none;transition:color .2s}.link-btn:hover{color:#666;text-decoration:underline}.role-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.role-option{background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.role-option:hover{border-color:#d0d0d0}.role-option.active{background:#f9f9f9;border-color:#1a1a1a}.role-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.role-option span{color:#1a1a1a;display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.role-option p{color:#666;font-size:.85rem;margin:0}@media (max-width:640px){.form-row{gap:0;grid-template-columns:1fr}.modal-content{padding:30px 20px}.role-selector{grid-template-columns:1fr}}.animated-background{background:linear-gradient(135deg,#f5f5f5,#fff);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.shape{animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:.08;position:absolute}.shape-1{animation:float1 20s infinite;background:linear-gradient(135deg,#1a1a1a,#666);border-radius:50%;height:300px;left:10%;top:10%;width:300px}.shape-2{animation:float2 18s infinite;background:linear-gradient(135deg,#666,#1a1a1a);border-radius:50%;height:200px;right:15%;top:60%;width:200px}.shape-3{animation:float3 22s infinite;background:linear-gradient(135deg,#1a1a1a,#666);border-radius:50%;bottom:20%;height:150px;left:20%;width:150px}.shape-4{animation:rotate1 25s infinite;background:linear-gradient(135deg,#666,#1a1a1a);border-radius:20px;height:180px;right:25%;top:30%;width:180px}.shape-4,.shape-5{transform-origin:center}.shape-5{animation:rotate2 20s infinite;background:linear-gradient(135deg,#1a1a1a,#666);border-radius:15px;bottom:30%;height:120px;right:10%;width:120px}.shape-6{animation:float4 19s infinite;background:linear-gradient(135deg,#666,#1a1a1a);height:200px;left:5%;top:50%;width:200px}.shape-6,.shape-7{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.shape-7{animation:rotate3 23s infinite;background:linear-gradient(135deg,#1a1a1a,#666);height:250px;right:5%;top:15%;transform-origin:center;width:250px}.shape-8{animation:float5 17s infinite;background:linear-gradient(135deg,#666,#1a1a1a);border-radius:50%;height:100px;right:30%;top:80%;width:100px}@keyframes float1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,-80px) scale(.9)}75%{transform:translate(40px,-40px) scale(1.05)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.15)}66%{transform:translate(30px,70px) scale(.85)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}30%{transform:translate(50px,-30px) scale(1.2)}60%{transform:translate(-30px,40px) scale(.9)}}@keyframes float4{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-40px) rotate(5deg)}50%{transform:translate(-30px,30px) rotate(-5deg)}75%{transform:translate(40px,20px) rotate(3deg)}}@keyframes float5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-50px) scale(1.3)}}@keyframes rotate1{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.05)}}@keyframes rotate2{0%,to{transform:rotate(0deg) translate(0)}33%{transform:rotate(120deg) translate(20px,-20px)}66%{transform:rotate(240deg) translate(-20px,20px)}}@keyframes rotate3{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@media (max-width:768px){.shape{opacity:.05}.shape-1{height:200px;width:200px}.shape-2{height:150px;width:150px}.shape-3{height:100px;width:100px}.shape-4{height:120px;width:120px}.shape-5{height:80px;width:80px}.shape-6{height:150px;width:150px}.shape-7{height:180px;width:180px}.shape-8{height:70px;width:70px}}.home-page{min-height:calc(100vh - 200px)}.hero-section{background:linear-gradient(135deg,#f5f5f5,#fff);padding:80px 20px}.hero-container{margin:0 auto;max-width:1200px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-text{text-align:left}.hero-title{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px}.hero-subtitle{color:#666;color:var(--secondary-text,#666);font-size:1.2rem;line-height:1.7;margin-bottom:32px}.hero-stats{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border,#e5e5e5);border-top:2px solid #e5e5e5;border-top:2px solid var(--border,#e5e5e5);display:flex;gap:40px;margin-bottom:40px;padding:24px 0}.stat-item{gap:4px}.stat-number{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700}.stat-label{color:#666;color:var(--secondary-text,#666);font-size:.9rem}.hero-image{position:relative}.hero-image-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;height:500px;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-image-placeholder:before{background:radial-gradient(circle at 30% 30%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.image-content{color:#fff;text-align:center;z-index:1}.globe-icon{animation:float 3s ease-in-out infinite;font-size:8rem;margin-bottom:20px}.image-content p{font-size:1.3rem;font-weight:600;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.hero-btn{border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s}.hero-btn.primary{background:#1a1a1a;background:var(--primary-text,#1a1a1a);box-shadow:0 4px 12px #00000026;color:#fff}.hero-btn.primary:hover{background:#333;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.hero-btn.secondary{background:#fff;border:2px solid #1a1a1a;border:2px solid var(--primary-text,#1a1a1a);color:#1a1a1a;color:var(--primary-text,#1a1a1a)}.hero-btn.secondary:hover{background:#f5f5f5;background:var(--light-bg,#f5f5f5);transform:translateY(-2px)}@media (max-width:968px){.hero-content{gap:40px;grid-template-columns:1fr}.hero-text{text-align:center}.hero-buttons,.hero-stats{justify-content:center}.hero-image-placeholder{height:400px}}@media (max-width:768px){.hero-section{padding:60px 20px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:20px;text-align:center}.hero-buttons{align-items:center;flex-direction:column}.hero-btn{max-width:300px;width:100%}.hero-image-placeholder{height:300px}.globe-icon{font-size:5rem}.image-content p{font-size:1.1rem}}.features-section{background:#fff;padding:80px 20px}.features-container{margin:0 auto;max-width:1200px}.features-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{border:1px solid #0000;padding:40px 30px;transition:all .3s}.feature-card:hover{background:#fff;border-color:#e5e5e5;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.feature-icon{margin-bottom:20px}.feature-title{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin-bottom:12px}.feature-description{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.features-section{padding:60px 20px}.features-title{font-size:2rem}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:30px 24px}}.language-showcase-section{background:#fff;background:var(--white,#fff);padding:80px 20px}.language-showcase-container{margin:0 auto;max-width:1200px}.languages-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:60px}.language-card{background:#fff;background:var(--white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.language-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.card-background{align-items:center;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.card-background:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translate(-25%,-25%) rotate(0deg)}50%{transform:translate(-25%,-25%) rotate(180deg)}}.flag-icon{animation:float 3s ease-in-out infinite;font-size:6rem;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.card-content{padding:30px}.card-content h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.8rem;font-weight:700;margin-bottom:12px}.description{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.6;margin-bottom:20px}.language-stats{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);border-top:1px solid #e5e5e5;border-top:1px solid var(--border,#e5e5e5);display:flex;gap:20px;margin-bottom:24px;padding:16px 0}.stat{align-items:center;gap:8px}.stat-icon{font-size:1.2rem}.stat-text{color:#666;color:var(--secondary-text,#666);font-size:.9rem;font-weight:500}.explore-btn{background:#1a1a1a;background:var(--primary-text,#1a1a1a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease;width:100%}.explore-btn:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.showcase-cta{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-bg,#f5f5f5) 0,var(--white,#fff) 100%);border:2px solid #e5e5e5;border:2px solid var(--border,#e5e5e5);border-radius:12px;padding:60px 40px;text-align:center}.cta-content h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:16px}.cta-content p{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;line-height:1.7;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.view-all-btn{background:#1a1a1a;background:var(--primary-text,#1a1a1a);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 48px;transition:all .3s ease}.view-all-btn:hover{background:#333;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.language-showcase-section{padding:60px 20px}.languages-grid{grid-template-columns:1fr}.card-background{height:150px}.flag-icon{font-size:4.5rem}.card-content{padding:24px}.showcase-cta{padding:40px 24px}.cta-content h3{font-size:1.6rem}.cta-content p{font-size:1rem}}.audio-samples-section{background:linear-gradient(135deg,#f5f5f5,#fff);padding:80px 20px}.audio-samples-container{margin:0 auto;max-width:1200px}.audio-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.audio-card{background:#fff;background:var(--white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px;transition:all .3s ease}.audio-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.audio-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);gap:16px;margin-bottom:20px;padding-bottom:20px}.audio-header,.language-icon{align-items:center;display:flex}.language-icon{background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:12px;font-size:3rem;height:60px;justify-content:center;width:60px}.language-info h4{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.3rem;font-weight:600;margin-bottom:6px}.level-badge{background:#1a1a1a;background:var(--primary-text,#1a1a1a);border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.phrase-content{margin-bottom:24px}.phrase{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.2rem;font-weight:600;line-height:1.5;margin-bottom:8px}.translation{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.6;margin:0}.play-button{align-items:center;background:#1a1a1a;background:var(--primary-text,#1a1a1a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.play-button:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.play-button.playing{background:#4caf50}.play-button.playing:hover{background:#45a049}.pause-icon,.play-icon{font-size:.9rem}.audio-features{grid-gap:40px;border-top:2px solid #e5e5e5;border-top:2px solid var(--border,#e5e5e5);display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:60px 0 0}.feature-item{text-align:center}.feature-icon{font-size:3.5rem}.feature-item h4{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.3rem;font-weight:600;margin-bottom:12px}.feature-item p{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.audio-samples-section{padding:60px 20px}.audio-features,.audio-grid{grid-template-columns:1fr}.audio-features{gap:30px}}.testimonials-section{background:#fff;background:var(--white,#fff);padding:80px 20px}.testimonials-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2.8rem;font-weight:700;margin-bottom:16px}.section-header p{color:#666;color:var(--secondary-text,#666);font-size:1.2rem}.testimonials-grid{margin-bottom:60px}.testimonial-card{background:var(--white,#fff);border:1px solid var(--border,#e5e5e5);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 8px 24px #0000001a}.testimonial-header{display:flex;gap:16px;margin-bottom:16px}.avatar{align-items:center;background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.user-info h4{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.1rem;font-weight:600;margin-bottom:4px}.role{color:#666;color:var(--secondary-text,#666);font-size:.9rem;margin-bottom:4px}.language{background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:4px;color:#1a1a1a;color:var(--primary-text,#1a1a1a);display:inline-block;font-size:.85rem;font-weight:600;padding:2px 8px}.rating{display:flex;gap:4px;margin-bottom:16px}.star{font-size:1rem}.testimonial-text{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.7;margin:0}.success-metrics{grid-gap:40px;background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:12px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:50px;text-align:center}.metric-item{display:flex;flex-direction:column;gap:8px}.metric-value{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:3rem;font-weight:700}.metric-label{color:#666;color:var(--secondary-text,#666);font-size:1rem;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.testimonials-section{padding:60px 20px}.section-header h2{font-size:2.2rem}.section-header p{font-size:1.1rem}.testimonials-grid{grid-template-columns:1fr}.success-metrics{gap:30px;padding:30px 20px}.metric-value{font-size:2.2rem}}.home-pricing-section{background:linear-gradient(135deg,#f5f5f5,#fff);padding:80px 20px}.home-pricing-container{margin:0 auto;max-width:1200px}.home-pricing-header{margin-bottom:60px;text-align:center}.home-pricing-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.home-pricing-header p{color:#666;font-size:1.1rem}.home-pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px}.home-pricing-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;padding:40px 30px;position:relative;text-align:center;transition:all .3s}.home-pricing-card:hover{border-color:#1a1a1a;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.home-pricing-card.popular{border-color:#1a1a1a;box-shadow:0 8px 24px #0000001a}.home-pricing-card h3{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin-bottom:20px}.select-plan-btn{display:inline-block}.home-pricing-card.custom-card{background:linear-gradient(135deg,#fff,#f0f9f0);border-color:#4caf50}.home-pricing-card.custom-card:hover{border-color:#45a049}.custom-rate-info{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:8px;margin-bottom:20px;padding:12px}.rate-text{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.1rem;font-weight:600}.custom-input-wrapper{margin-bottom:20px;text-align:left}.custom-input-wrapper label{color:#1a1a1a;color:var(--primary-text,#1a1a1a);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;text-align:center}.custom-input-wrapper input{border:2px solid #e5e5e5;border:2px solid var(--border,#e5e5e5);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;padding:12px;text-align:center;transition:all .3s ease;width:100%}.custom-input-wrapper input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.custom-input-wrapper input.error{border-color:#f44336}.error-msg{color:#f44336;display:block;font-size:.8rem;font-weight:500;margin-top:6px;text-align:center}.custom-total{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:20px;padding:16px}.total-label{color:#666;color:var(--secondary-text,#666);font-size:1rem;font-weight:500}.total-amount{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.8rem;font-weight:700}.custom-token-card-home{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #1a1a1a;border-radius:12px;box-shadow:0 8px 24px #0000001f;margin:60px auto 0;max-width:600px;padding:40px;text-align:center}.custom-header{gap:12px;margin-bottom:12px}.custom-header h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.8rem;font-weight:700;margin:0}.custom-badge{font-size:.8rem;padding:4px 12px}.custom-description{font-size:1rem}.custom-input-group{margin-bottom:20px}.custom-input-group label{font-size:.95rem}.custom-input-group input{font-size:1rem;padding:12px 16px}.error-message{font-size:.85rem}.custom-price-display{margin-bottom:20px;padding:16px}.price-label{font-size:1rem}.custom-price{font-size:1.8rem}@media (max-width:768px){.home-pricing-section{padding:60px 16px}.home-pricing-header h2{font-size:2rem}.home-pricing-grid{grid-template-columns:1fr}.custom-token-card-home{margin:40px auto 0;padding:30px 24px}.custom-header h3,.custom-price{font-size:1.5rem}}.why-choose-us-section{background:#fff;padding:80px 20px}.why-choose-us-container{margin:0 auto;max-width:1200px}.why-choose-us-header{margin-bottom:60px;text-align:center}.why-choose-us-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.why-choose-us-header p{color:#666;font-size:1.1rem}.reasons-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reason-card{padding:30px 20px;text-align:center;transition:transform .3s}.reason-card:hover{transform:translateY(-8px)}.reason-icon{font-size:3.5rem;margin-bottom:20px}.reason-card h3{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin-bottom:12px}.reason-card p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.why-choose-us-section{padding:60px 16px}.why-choose-us-header h2{font-size:2rem}.reasons-grid{gap:30px;grid-template-columns:1fr}}.how-it-works-section{background:linear-gradient(135deg,#fff,#f5f5f5);padding:80px 20px}.how-it-works-container{margin:0 auto;max-width:1400px}.how-it-works-header{margin-bottom:60px;text-align:center}.how-it-works-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.how-it-works-header p{color:#666;font-size:1.1rem}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.step-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex:0 0 220px;padding:30px 25px;text-align:center;transition:all .3s}.step-card:hover{border-color:#1a1a1a;box-shadow:0 8px 20px #0000001a;transform:translateY(-8px)}.step-number{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 20px;width:50px}.step-card h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:12px}.step-card p{color:#666;font-size:.95rem;line-height:1.6}.step-arrow{color:#1a1a1a;flex:0 0 auto;font-size:2rem;font-weight:300}@media (max-width:1200px){.step-arrow{display:none}.steps-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.how-it-works-section{padding:60px 16px}.how-it-works-header h2{font-size:2rem}.steps-container{grid-template-columns:1fr}.step-card{flex:1 1 100%}}.cta-section{background:#fff;background:var(--white,#fff);padding:80px 20px}.cta-container{margin:0 auto;max-width:1200px}.cta-content-box{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-bg,#f5f5f5) 0,var(--white,#fff) 100%);border:2px solid #e5e5e5;border:2px solid var(--border,#e5e5e5);border-radius:12px;padding:60px 40px;text-align:center}.cta-title{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-subtitle{color:#666;color:var(--secondary-text,#666);font-size:1.2rem;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{background:#1a1a1a;background:var(--primary-text,#1a1a1a);display:inline-block;text-decoration:none}.cta-button:hover{background:#333;box-shadow:0 6px 20px #0003}@media (max-width:768px){.cta-section{padding:60px 20px}.cta-content-box{padding:40px 24px}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.cta-button{max-width:300px;width:100%}}.pricing-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.pricing-container{margin:0 auto;max-width:1200px}.pricing-header{margin-bottom:60px;text-align:center}.pricing-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin-bottom:16px}.pricing-header p{color:#666;font-size:1.2rem}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;padding:40px 30px;position:relative;text-align:center;transition:all .3s}.pricing-card:hover{border-color:#1a1a1a;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.pricing-card.popular{border-color:#1a1a1a;box-shadow:0 8px 24px #0000001a}.popular-badge{background:#1a1a1a;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card h2{color:#1a1a1a;font-size:1.8rem;font-weight:600}.price,.pricing-card h2{margin-bottom:20px}.amount{color:#1a1a1a;font-size:3rem;font-weight:700}.tokens-badge{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:30px;padding:10px 24px}.features-list{list-style:none;margin:0 0 30px;padding:0;text-align:left}.features-list li{border-bottom:1px solid #f5f5f5;color:#333;font-size:1rem;padding:12px 0}.features-list li:last-child{border-bottom:none}.select-plan-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:auto;padding:14px 32px;transition:all .2s;width:100%}.select-plan-btn:hover{background:#333;transform:translateY(-2px)}.select-plan-btn:disabled{cursor:not-allowed}.select-plan-btn:disabled,.select-plan-btn:disabled:hover{background:#999;transform:none}.custom-token-section{margin:60px auto 80px;max-width:600px}.custom-token-card{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #1a1a1a;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:50px 40px;text-align:center}.custom-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.custom-header h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin:0}.custom-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px;text-transform:uppercase}.custom-description{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;line-height:1.6;margin-bottom:24px}.rate-info{align-items:center;background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:30px;padding:16px}.rate-label{color:#666;color:var(--secondary-text,#666);font-size:1rem;font-weight:500}.rate-value{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.2rem;font-weight:700}.custom-input-group{margin-bottom:24px;text-align:left}.custom-input-group label{color:#1a1a1a;color:var(--primary-text,#1a1a1a);display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.custom-input-group input{border:2px solid #e5e5e5;border:2px solid var(--border,#e5e5e5);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1.1rem;padding:14px 16px;transition:all .3s ease;width:100%}.custom-input-group input:focus{border-color:#1a1a1a;border-color:var(--primary-text,#1a1a1a);box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.custom-input-group input.error{border-color:#f44336}.error-message{color:#f44336;display:block;font-size:.9rem;margin-top:6px}.custom-price-display{align-items:center;background:#fff;border:2px solid #1a1a1a;border:2px solid var(--primary-text,#1a1a1a);border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:30px;padding:20px}.price-label{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;font-weight:500}.custom-price{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700}.custom-btn{margin-top:10px}@media (max-width:768px){.pricing-page{padding:40px 16px}.pricing-header h1{font-size:2.2rem}.pricing-grid{grid-template-columns:1fr}.comparison-table{overflow-x:auto}.comparison-table table{min-width:600px}.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.cta-stats{grid-template-columns:repeat(2,1fr)}.custom-token-section{margin:40px 0 60px}.custom-token-card{padding:30px 24px}.custom-header h2{font-size:1.6rem}.custom-description{font-size:1rem}.custom-price{font-size:1.6rem}}.comparison-section{margin-top:80px;text-align:center}.comparison-section h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:40px}.comparison-table{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table thead{background:#1a1a1a;color:#fff}.comparison-table th{font-size:1.1rem;font-weight:600;padding:20px}.comparison-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:16px 20px}.comparison-table td:first-child{font-weight:500;text-align:left}.comparison-table td:not(:first-child){font-size:1.2rem;text-align:center}.comparison-table tbody tr:hover{background:#fafafa}.benefits-section{margin-top:80px;text-align:center}.benefits-section h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:50px}.benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.benefit-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:30px;transition:all .3s}.benefit-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-5px)}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:12px}.benefit-card p{color:#666;line-height:1.6}.pricing-faq-section{margin-top:80px;text-align:center}.pricing-faq-section h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:50px}.faq-list{margin:0 auto;max-width:800px;text-align:left}.faq-item{border-radius:10px;margin-bottom:16px;padding:24px;transition:all .3s}.faq-item:hover{box-shadow:0 4px 12px #0000000d}.faq-item h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:12px}.faq-item p{color:#666;line-height:1.6}.faq-link{margin-top:40px;text-align:center}.faq-link p{color:#666;margin-bottom:12px}.view-all-faq{border:2px solid #1a1a1a;border-radius:8px;color:#1a1a1a;display:inline-block;font-size:1.1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s}.view-all-faq:hover{background:#1a1a1a;color:#fff;transform:translateY(-2px)}.testimonials-section{margin-top:80px;text-align:center}.testimonials-section h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin-bottom:50px}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.testimonial-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:30px;text-align:left;transition:all .3s}.testimonial-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-5px)}.testimonial-rating{font-size:1.2rem;margin-bottom:16px}.testimonial-card p{color:#333;font-style:italic;line-height:1.7;margin-bottom:20px}.testimonial-author{display:flex;flex-direction:column;gap:4px}.testimonial-author strong{color:#1a1a1a;font-size:1rem}.testimonial-author span{color:#666;font-size:.9rem}.pricing-cta{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:16px;color:#fff;margin-top:80px;padding:60px 40px;text-align:center}.pricing-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.pricing-cta>p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-stats{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:900px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-item strong{color:#fff;font-size:2.5rem;font-weight:700}.stat-item span{font-size:1rem;opacity:.85}.info-card{background:#fff;border:1px solid #e5e5e5;padding:30px 24px;text-align:center;transition:all .3s}.info-card:hover{border-color:#1a1a1a;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.info-icon{font-size:2.5rem;margin-bottom:16px}.info-card h3{margin-bottom:8px}.info-card p{color:#333}.info-label{color:#666;display:block;font-size:.85rem}.contact-form-section{border:1px solid #e5e5e5;padding:40px}.contact-form-section h2{font-size:1.8rem;font-weight:600;margin-bottom:24px}.success-message{background:#f0f9f4;color:#1a7a3e;padding:14px 20px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d1d1;color:#1a1a1a}.submit-btn{align-self:flex-start;font-size:1.1rem;font-weight:600;padding:14px 32px}.submit-btn:hover{background:#333;transform:translateY(-2px)}@media (max-width:768px){.contact-form-section{padding:30px 24px}.submit-btn{align-self:stretch;width:100%}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.page-container{width:100%}.page-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:20px}.page-container p{color:#666;font-size:1.2rem}.contact-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.contact-container{margin:0 auto;max-width:1200px}.contact-header{margin-bottom:60px;text-align:center}.contact-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin-bottom:16px}.contact-header p{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.5fr;margin-bottom:40px}.contact-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (max-width:968px){.contact-page{padding:40px 16px}.contact-header h1{font-size:2.2rem}.contact-content{gap:30px;grid-template-columns:1fr}}.submit-btn:active{transform:translateY(0)}.success-message{animation:slideDown .3s ease;background:#f5f5f5;border:1px solid #d0d0d0;color:#1a1a1a;margin-bottom:20px;padding:16px}@media (max-width:968px){.contact-content{grid-template-columns:1fr}.contact-header h1{font-size:2.2rem}.contact-form-section{padding:30px 24px}}@media (max-width:640px){.contact-page{padding:40px 16px}.contact-header h1{font-size:1.8rem}.contact-header p{font-size:1rem}.info-card{padding:20px}.contact-form-section{padding:24px 20px}.contact-form-section h2{font-size:1.5rem}}.blog-list-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.blog-list-container{margin:0 auto;max-width:1200px}.blog-list-header{margin-bottom:50px;text-align:center}.blog-list-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin-bottom:16px}.blog-list-header p{color:#666;font-size:1.2rem}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.no-posts{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:80px 20px;text-align:center}.no-posts p{color:#666;font-size:1.2rem;margin-bottom:24px}.reset-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.reset-btn:hover{background:#333;transform:translateY(-2px)}@media (max-width:968px){.blog-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.blog-list-page{padding:40px 16px}.blog-list-header h1{font-size:2.2rem}.blog-list-header p{font-size:1rem}.blog-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-list-header h1{font-size:1.8rem}}.blog-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .3s ease}.blog-card:hover{border-color:#d0d0d0;box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.blog-card-image-wrapper{height:240px;overflow:hidden;position:relative;width:100%}.blog-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{bottom:0;left:0;mix-blend-mode:multiply;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.blog-card:hover .blog-card-overlay{opacity:.3}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:24px}.blog-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.blog-card-category{background:#f5f5f5;border-radius:6px;color:#1a1a1a;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.blog-card-read-time{color:#999;font-size:.85rem}.blog-card-content h2{color:#1a1a1a;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:12px}.blog-card-excerpt{color:#666;flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:16px}.blog-card-footer{align-items:center;border-top:1px solid #e5e5e5;display:flex;font-size:.9rem;justify-content:space-between;padding-top:16px}.blog-card-author{color:#333;font-weight:500}.blog-card-date{color:#999}@media (max-width:480px){.blog-card-image-wrapper{height:200px}.blog-card-content{padding:20px}.blog-card-content h2{font-size:1.2rem}}.category-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}.category-filter-btn{background:#fff;border:1px solid #d0d0d0;border-radius:20px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.category-filter-btn:hover{background:#f5f5f5;border-color:#1a1a1a;color:#1a1a1a}.category-filter-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}@media (max-width:768px){.category-filter{gap:8px}.category-filter-btn{font-size:.9rem;padding:8px 16px}}.blog-post-detail-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.blog-post-detail-container{margin:0 auto;max-width:900px}.back-link{align-items:center;display:inline-flex;font-weight:500;margin-bottom:30px}.post-detail-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:60px;overflow:hidden}.post-detail-header{padding-bottom:30px;text-align:center}.post-detail-image-wrapper{height:400px;margin-bottom:40px;overflow:hidden;position:relative;width:100%}.post-detail-image{height:100%;object-fit:cover;width:100%}.post-detail-overlay{bottom:0;left:0;mix-blend-mode:multiply;opacity:.2;position:absolute;right:0;top:0}.post-detail-category{background:#f5f5f5;border-radius:6px;color:#1a1a1a;display:inline-block;font-size:.9rem;font-weight:600;margin:0 50px 20px;padding:8px 16px}.post-detail-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;line-height:1.2;margin:0 50px 20px}.post-detail-meta{align-items:center;border-bottom:2px solid #e5e5e5;color:#666;display:flex;font-size:.95rem;gap:12px;justify-content:center;margin:0 50px;padding:0 50px 30px}.post-detail-author{color:#1a1a1a;font-weight:500}.post-divider{color:#d0d0d0}.post-detail-date,.post-detail-read-time{color:#999}.post-detail-body{color:#333;font-size:1.1rem;line-height:1.8;padding:40px 50px}.post-detail-body p{margin-bottom:20px}.post-detail-body h2{color:#1a1a1a;font-size:1.8rem;font-weight:600;margin-bottom:16px;margin-top:40px}.post-detail-body h3{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin-bottom:12px;margin-top:30px}.post-detail-body ol,.post-detail-body ul{margin-bottom:20px;padding-left:30px}.post-detail-body li{margin-bottom:10px}.post-detail-body strong{color:#1a1a1a;font-weight:600}.post-detail-footer{border-top:2px solid #e5e5e5;margin:0 50px;padding:30px 50px 50px}.post-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tag{background:#f5f5f5;border-radius:6px;color:#666;font-size:.9rem;font-weight:500;padding:8px 16px}.post-detail-share{text-align:center}.post-detail-share>span{color:#666;display:block;font-size:.95rem;font-weight:500;margin-bottom:12px}.share-buttons{gap:12px}.share-btn,.share-buttons{display:flex;justify-content:center}.share-btn{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;font-size:1.3rem;height:48px;transition:all .2s;width:48px}.share-btn:hover{background:#f5f5f5;border-color:#1a1a1a;transform:translateY(-2px)}.related-posts{margin-top:60px}.related-posts h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.related-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.related-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;color:inherit;overflow:hidden;text-decoration:none;transition:all .3s}.related-card:hover{border-color:#d0d0d0;box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.related-image-wrapper{height:160px;overflow:hidden;width:100%}.related-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.related-card:hover .related-image{transform:scale(1.05)}.related-content{padding:20px}.related-category{background:#f5f5f5;border-radius:4px;color:#1a1a1a;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:10px;padding:4px 10px}.related-content h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:8px}.related-read-time{color:#999;font-size:.85rem}@media (max-width:768px){.blog-post-detail-page{padding:40px 16px}.post-detail-image-wrapper{height:280px}.post-detail-header h1{font-size:2rem;margin:0 24px 20px}.post-detail-category{margin:0 24px 20px}.post-detail-meta{flex-wrap:wrap;font-size:.9rem;margin:0 24px;padding:0 24px 24px}.post-detail-body{font-size:1rem;padding:30px 24px}.post-detail-body h2{font-size:1.5rem}.post-detail-footer{margin:0 24px;padding:24px 24px 40px}.related-grid{grid-template-columns:1fr}}@media (max-width:480px){.post-detail-image-wrapper{height:220px}.post-detail-header h1{font-size:1.6rem;margin:0 20px 16px}.post-detail-category{margin:0 20px 16px}.post-detail-meta{margin:0 20px;padding:0 20px 20px}.post-detail-body{padding:24px 20px}.post-detail-body h2{font-size:1.3rem}.post-detail-footer{margin:0 20px;padding:20px 20px 32px}.share-buttons{gap:8px}.share-btn{font-size:1.1rem;height:44px;width:44px}}.faq-search{margin:0 auto 50px;max-width:600px}.search-input{color:#1a1a1a;padding:16px 20px}.search-input:focus{outline:none}.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:#d1d1d1;box-shadow:0 2px 8px #0000000d}.faq-question{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;justify-content:space-between;padding:20px 24px;transition:background .2s}.faq-question:hover{background:#f9f9f9}.faq-question.open{background:#f5f5f5}.toggle-icon{color:#666;font-size:1.5rem;font-weight:300;min-width:24px;text-align:center}.faq-answer{animation:slideDown .3s ease;color:#666;line-height:1.7;padding:0 24px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-category{margin-bottom:50px}.category-title{border-bottom:2px solid #1a1a1a;color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:24px;padding-bottom:12px}.category-questions{display:flex;flex-direction:column;gap:12px}.faq-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.faq-container{margin:0 auto;max-width:900px}.faq-header{margin-bottom:50px;text-align:center}.faq-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin-bottom:16px}.faq-header p{color:#666;font-size:1.2rem}.faq-content{margin-bottom:60px}.no-results{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:60px 20px;text-align:center}.no-results p{color:#666;font-size:1.1rem;margin-bottom:20px}.clear-search-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.clear-search-btn:hover{background:#333;transform:translateY(-2px)}.faq-footer{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:48px 32px;text-align:center}.faq-footer h3{font-size:1.8rem}.contact-btn{transition:all .2s}@media (max-width:768px){.faq-page{padding:40px 16px}.faq-header h1{font-size:2.2rem}}.faq-footer h3{color:#1a1a1a;font-size:1.6rem;font-weight:600;margin-bottom:12px}.faq-footer p{color:#666;font-size:1rem;margin-bottom:24px}.contact-btn{background:#1a1a1a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s}.contact-btn:hover{background:#333;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.faq-page{padding:40px 16px}.faq-header h1{font-size:2.2rem}.faq-header p{font-size:1rem}.category-title{font-size:1.4rem}.faq-question{font-size:1rem;padding:16px 20px}.faq-answer{padding:0 20px 20px}.faq-footer{padding:32px 24px}.faq-footer h3{font-size:1.4rem}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.category-title{font-size:1.2rem}.faq-question{font-size:.95rem;padding:14px 16px}.faq-answer{padding:0 16px 16px}.faq-answer p{font-size:.95rem}.search-input{padding:14px 16px}}.courses-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.courses-container{margin:0 auto;max-width:1200px}.courses-header{margin-bottom:40px;text-align:center}.courses-header>div{align-items:center;display:flex;flex-direction:column;gap:12px}.courses-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin:0}.tokens-display{color:#666;font-size:1.1rem;font-weight:500}.token-count{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-weight:700;margin-left:8px;padding:6px 18px}.courses-search-section{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:40px;max-width:100%}.search-bar{flex:1 1;max-width:600px;position:relative}.search-icon{color:#666;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e5e5e5;border-radius:12px;font-family:inherit;font-size:1rem;outline:none;padding:14px 48px;transition:all .2s;width:100%}.search-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.search-input::placeholder{color:#999}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;line-height:1;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:32px}.clear-search:hover{background:#f5f5f5;color:#1a1a1a}.courses-filters{display:flex;flex-shrink:0;gap:12px}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:2px solid #e5e5e5;border-radius:12px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;min-width:160px;outline:none;padding:14px 36px 14px 16px;transition:all .2s}.filter-select:focus,.filter-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231a1a1a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:#1a1a1a}.filter-select:focus{box-shadow:0 0 0 3px #1a1a1a1a}@media (max-width:968px){.courses-search-section{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.courses-filters{justify-content:center;width:100%}}.loading,.no-courses{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.no-courses p{margin:10px 0}.courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s}.course-card:hover{border-color:#d0d0d0;box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.course-thumbnail{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-size:4rem;padding:30px;text-align:center}.course-language-badge{background:#1a1a1ae6;font-size:.85rem;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;top:16px}.course-card h3{font-size:1.3rem;margin:0 0 12px;padding:20px 24px 0}.course-description{flex-grow:1;margin:0 0 16px;padding:0 24px}.course-teacher{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:0 24px 16px}.teacher-avatar{font-size:2rem}.teacher-info{flex-grow:1}.teacher-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.teacher-rating{color:#666;font-size:.85rem;margin-top:2px}.course-info{background:#f8f9fa;gap:12px;padding:16px 24px}.course-duration,.course-lessons,.course-level{background:#fff;border-radius:6px;color:#666;font-size:.85rem;font-weight:500;padding:4px 10px}.course-level{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.course-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.course-price{color:#1a1a1a;font-size:1.4rem;font-weight:700}.course-action-btn{font-size:.95rem;padding:10px 24px;transition:all .2s;white-space:nowrap}.course-action-btn.buy{color:#fff}.course-action-btn.buy.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.course-action-btn.purchased{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:block}.course-action-btn.purchased:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.course-action-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:auto;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.course-action-btn:hover{background:#333;transform:translateY(-2px)}.course-action-btn.purchased{background:#22c55e}.course-action-btn.purchased:hover{background:#16a34a}.course-action-btn.buy{background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 2px 8px #00000026}.course-action-btn.buy:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.course-action-btn.disabled{background:#ccc;box-shadow:none;color:#666;cursor:not-allowed}.course-action-btn.disabled:hover{box-shadow:none;transform:none}.course-language{background:#f5f5f5;border-radius:6px;color:#1a1a1a;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px;padding:6px 12px}.course-card h3{color:#1a1a1a;font-size:1.4rem;margin-bottom:12px}.course-description{font-size:.95rem;line-height:1.5;margin-bottom:16px}.course-info{color:#999;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px}.course-level{font-weight:500;text-transform:capitalize}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:40px;position:relative;width:90%}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:28px;height:32px;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:color .2s;width:32px}.modal-close:hover{color:#333}.modal-content h2{color:#1a1a1a;font-size:1.875rem;margin:0 0 24px}.form-group label{color:#333;font-weight:500}.form-group input,.form-group select{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#666;box-shadow:0 0 0 3px #0000000d;outline:none}.form-group small{color:#999;font-size:.85rem}.submit-btn{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:8px;padding:14px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:#333}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.courses-header{align-items:flex-start;flex-direction:column;gap:20px}.courses-header h1{font-size:2rem}.create-course-btn{width:100%}.courses-grid{grid-template-columns:1fr}.modal-content{padding:30px 20px}}.course-details-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:40px 20px}.course-details-container{margin:0 auto;max-width:1000px}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.delete-course-btn{background:#0000;border:1px solid #ef5350;border-radius:6px;color:#c62828;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.delete-course-btn:hover{background:#ffebee;border-color:#c62828}.course-banner{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:40px;padding:40px}.course-language-badge{background:#1a1a1a;border-radius:6px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:16px;padding:8px 16px}.course-banner h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:16px}.course-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.course-stats{border-top:1px solid #e5e5e5;display:flex;gap:32px;margin-bottom:32px;padding-top:24px}.stat{display:flex;flex-direction:column;gap:6px}.stat-label{color:#999;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1a1a1a;font-size:1.2rem;font-weight:600;text-transform:capitalize}.progress-container{background:#f9f9f9;border-radius:8px;margin-top:24px;padding:20px}.progress-header{color:#666;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:12px}.progress-bar{background:#e5e5e5;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#1a1a1a,#333);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#999;font-size:.85rem;text-align:center}.lessons-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:40px}.lessons-section h2{color:#1a1a1a;font-size:1.75rem;margin-bottom:24px}.lessons-list{display:flex;flex-direction:column;gap:16px}.lesson-item{align-items:center;background:#fafafa;border:2px solid #e5e5e5;border-radius:8px;color:inherit;display:flex;gap:20px;padding:20px;text-decoration:none;transition:all .2s}.lesson-item:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateX(4px)}.lesson-item.completed{background:#f0f9ff;border-color:#1a1a1a}.lesson-number{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.lesson-item.completed .lesson-number{background:#4caf50}.lesson-details{flex:1 1}.lesson-details h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:8px}.lesson-meta{font-size:.85rem}.completion-badge{background:#4caf50;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.no-lessons{color:#999;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.course-banner{padding:30px 20px}.course-banner h1{font-size:2rem}.course-stats{flex-direction:column;gap:16px}.lessons-section{padding:30px 20px}.lesson-item{align-items:flex-start;flex-direction:column;gap:12px}.lesson-number{font-size:1rem;height:40px;width:40px}.completion-badge{align-self:flex-start}}.lesson-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:40px 20px}.lesson-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:900px;padding:40px}.lesson-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.back-link{color:#666;font-size:.95rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#1a1a1a}.lesson-meta{color:#999;display:flex;font-size:.9rem;gap:16px}.lesson-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:32px}.lesson-container h2{color:#333;font-size:1.75rem;margin:32px 0 16px}.lesson-container h3{color:#333;font-size:1.25rem;margin-bottom:12px}.lesson-content{margin-bottom:40px}.content-text{color:#444;font-size:1.1rem;line-height:1.8;white-space:pre-line}.vocabulary-section{margin-bottom:40px}.vocabulary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vocabulary-card{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.vocab-word{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:8px}.vocab-translation{color:#666;font-size:1rem;margin-bottom:8px}.vocab-example{color:#999;font-size:.9rem;font-style:italic;margin-top:8px}.exercises-section{margin-top:40px}.exercise-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px;padding:24px}.exercise-question{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:16px}.exercise-options{display:flex;flex-direction:column;gap:12px}.option-btn{background:#fff;border:2px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:14px 20px;text-align:left;transition:all .2s}.option-btn:hover:not(:disabled){background:#f9f9f9;border-color:#999}.option-btn.selected{background:#f0f0f0;border-color:#666;font-weight:500}.option-btn.correct{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.option-btn.incorrect{background:#ffebee;border-color:#ef5350;color:#c62828}.option-btn:disabled{cursor:not-allowed}.feedback-icon{float:right;font-size:1.2rem}.correct-answer{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:.95rem;margin-top:12px;padding:12px}.check-answers-btn,.complete-lesson-btn{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:24px;padding:16px;transition:all .2s;width:100%}.check-answers-btn:hover:not(:disabled),.complete-lesson-btn:hover{background:#333;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.check-answers-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.results-section{background:#f0f0f0;border-radius:8px;margin-top:24px;padding:24px;text-align:center}.results-section h3{color:#1a1a1a;font-size:2rem;margin-bottom:12px}.results-section p{color:#666;font-size:1.1rem;margin-bottom:20px}.error,.loading{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.error{color:#c62828}@media (max-width:768px){.lesson-container{padding:30px 20px}.lesson-container h1{font-size:2rem}.lesson-header{align-items:flex-start;flex-direction:column;gap:12px}.vocabulary-grid{grid-template-columns:1fr}.exercise-card{padding:20px 16px}}.profile-page{margin:0 auto;max-width:1400px;padding:40px 20px}.profile-header{margin-bottom:40px;text-align:center}.profile-header h1{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2.8rem;font-weight:700;margin-bottom:12px}.profile-subtitle{color:#666;color:var(--secondary-text,#666);font-size:1.2rem;margin:0 0 16px}.profile-tokens-display{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.3rem;font-weight:600}.profile-token-count{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-weight:700;margin-left:12px;padding:8px 20px}.profile-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.5fr}.profile-card{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:30px}.card-title{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border,#e5e5e5);color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.6rem;font-weight:600;padding-bottom:12px}.card-title,.form-group{margin-bottom:24px}.form-group input{background:#fff;background:var(--white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:8px;color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#1a1a1a;border-color:var(--primary-text,#1a1a1a);box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.form-group input:disabled{background:#f5f5f5;background:var(--light-bg,#f5f5f5);color:#666;color:var(--secondary-text,#666);cursor:not-allowed}.form-group input.editing{border-color:#1a1a1a;border-color:var(--primary-text,#1a1a1a)}.input-with-button{align-items:center;display:flex;gap:12px}.input-with-button input{flex:1 1}.btn-cancel,.btn-change-password,.btn-edit,.pagination-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-edit{background:#1a1a1a;background:var(--primary-text,#1a1a1a);color:#fff;color:var(--white,#fff)}.btn-edit:hover{background:#666;background:var(--secondary-text,#666);transform:translateY(-2px)}.btn-cancel{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);color:#666;color:var(--secondary-text,#666)}.btn-cancel:hover{background:#f5f5f5;background:var(--light-bg,#f5f5f5)}.btn-change-password{background:#1a1a1a;background:var(--primary-text,#1a1a1a);color:#fff;color:var(--white,#fff);margin-top:8px;padding:14px 20px;width:100%}.btn-change-password:hover{background:#666;background:var(--secondary-text,#666);transform:translateY(-2px)}.no-transactions,.transactions-loading{color:#666;color:var(--secondary-text,#666);font-size:1rem;padding:40px 20px;text-align:center}.transactions-table-wrapper{margin-bottom:20px;overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f5f5f5;background:var(--light-bg,#f5f5f5)}.transactions-table th{border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--border,#e5e5e5);color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:.95rem;font-weight:600;padding:14px 16px;text-align:left}.transactions-table td{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);color:#666;color:var(--secondary-text,#666);font-size:.95rem;padding:16px}.transactions-table tbody tr:hover{background:#f5f5f5;background:var(--light-bg,#f5f5f5)}.amount-positive{color:#22c55e;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-badge.successful{background:#dcfce7;color:#16a34a}.status-badge.completed{background:#dbeafe;color:#2563eb}.status-badge.pending{background:#fef9c3;color:#ca8a04}.status-badge.failed{background:#fee2e2;color:#dc2626}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px}.pagination-btn{background:#fff;background:var(--white,#fff);border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:.95rem;padding:8px 16px}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:#1a1a1a;background:var(--primary-text,#1a1a1a);border-color:#1a1a1a;border-color:var(--primary-text,#1a1a1a);color:#fff;color:var(--white,#fff)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-right{order:2}}@media (max-width:768px){.profile-header h1{font-size:2.2rem}.profile-subtitle{font-size:1rem}.profile-card{padding:20px}.card-title{font-size:1.4rem}.input-with-button{align-items:stretch;flex-direction:column}.btn-cancel,.btn-edit,.input-with-button input{width:100%}.transactions-table{font-size:.85rem}.transactions-table td,.transactions-table th{padding:10px 8px}.pagination{flex-wrap:wrap}.pagination-btn{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.profile-page{padding:20px 10px}.profile-header h1{font-size:1.8rem}.transactions-table-wrapper{overflow-x:scroll}.transactions-table{min-width:600px}}.about-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.about-container{margin:0 auto;max-width:1000px}.about-header{margin-bottom:60px;text-align:center}.about-header h1{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2.8rem;font-weight:700;margin-bottom:16px}.about-subtitle{color:#666;color:var(--secondary-text,#666);font-size:1.3rem;margin:0 auto;max-width:700px}.about-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.about-section{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);padding:50px 60px}.about-section:last-child{border-bottom:none}.about-section h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:24px}.about-section p{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;line-height:1.8;margin-bottom:16px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}.feature-card{background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-card h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.3rem;font-weight:600;margin-bottom:12px}.feature-card p{color:#666;color:var(--secondary-text,#666);font-size:1rem;margin:0}.values-list{grid-gap:24px;display:grid;gap:24px;margin-top:30px}.value-item{background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-left:4px solid #1a1a1a;border-left:4px solid var(--primary-text,#1a1a1a);border-radius:8px;padding:24px}.value-item h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.4rem;font-weight:600;margin-bottom:8px}.value-item p{color:#666;color:var(--secondary-text,#666);font-size:1rem;margin:0}.about-cta-section{border:none!important;padding:0!important}.about-cta-box{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-bg,#f5f5f5) 0,var(--white,#fff) 100%);border:2px solid #e5e5e5;border:2px solid var(--border,#e5e5e5);border-radius:12px;padding:60px 40px;text-align:center}.about-cta-box h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:16px}.about-cta-box p{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;line-height:1.7;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 48px;transition:all .3s ease}.cta-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}@media (max-width:768px){.about-header h1{font-size:2.2rem}.about-subtitle{font-size:1.1rem}.about-section{padding:30px 24px}.about-section h2{font-size:1.6rem}.features-grid{grid-template-columns:1fr}}.support-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.support-container{margin:0 auto;max-width:1200px}.support-header{margin-bottom:60px;text-align:center}.support-header h1{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2.8rem;font-weight:700;margin-bottom:16px}.support-subtitle{color:#666;color:var(--secondary-text,#666);font-size:1.3rem;margin:0 auto;max-width:700px}.support-content{display:flex;flex-direction:column;gap:60px}.support-options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.support-option-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.support-option-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.option-icon{font-size:3.5rem;margin-bottom:20px}.support-option-card h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.5rem;font-weight:600;margin-bottom:12px}.support-option-card p{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.6;margin-bottom:24px}.option-button{background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .3s ease}.option-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.contact-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:50px}.contact-form-section h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:12px}.form-description{color:#666;color:var(--secondary-text,#666);font-size:1.1rem;margin-bottom:32px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:1rem;font-weight:500;margin-bottom:24px;padding:16px 20px}.support-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--primary-text,#1a1a1a);font-size:1rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-text,#1a1a1a)}.form-group textarea{min-height:120px}.submit-button{align-self:flex-start;background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 48px;transition:all .3s ease}.submit-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.support-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:50px}.support-info h2{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:32px}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{background:#f5f5f5;background:var(--light-bg,#f5f5f5);border-radius:12px;padding:30px}.info-card h3{color:#1a1a1a;color:var(--primary-text,#1a1a1a);font-size:1.3rem;font-weight:600;margin-bottom:12px}.info-card p{color:#666;color:var(--secondary-text,#666);font-size:1rem;line-height:1.6;margin-bottom:8px}.info-hours{color:#888;color:var(--secondary-text,#888);font-size:.9rem}.social-links{display:flex;gap:12px;margin-top:12px}.social-link{background:#1a1a1a;background:var(--primary-text,#1a1a1a);border-radius:6px;color:#fff;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .3s ease}.social-link:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.support-header h1{font-size:2.2rem}.support-subtitle{font-size:1.1rem}.contact-form-section,.support-info{padding:30px 24px}.form-row{grid-template-columns:1fr}.submit-button{width:100%}.support-options{grid-template-columns:1fr}}.become-teacher-page{background:linear-gradient(135deg,#f5f5f5,#fff);min-height:calc(100vh - 200px);padding:60px 20px}.become-teacher-container{margin:0 auto;max-width:800px}.teacher-header{margin-bottom:40px;text-align:center}.teacher-header h1{color:#1a1a1a;font-size:2.8rem;font-weight:700;margin-bottom:16px}.teacher-header p{color:#666;font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:600px}.teacher-form{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px}.form-section{border-bottom:1px solid #e5e5e5;margin-bottom:40px;padding-bottom:40px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e5e5;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#666;display:block;font-size:.875rem;margin-top:6px}.language-input-group{display:flex;gap:12px;margin-bottom:12px}.language-input-group select{flex:1 1}.btn-add{background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.selected-item{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);border-radius:6px;color:#1a1a1a;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 12px}.selected-item button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.selected-item button:hover{background:#0000001a;color:#1a1a1a}.form-actions{display:flex;justify-content:center;margin-top:40px}.btn-submit{background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 48px;transition:all .3s}.btn-submit:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-weight:500;margin-bottom:24px;padding:16px}.success-message{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 40px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-message h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:16px}.success-message p{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:32px}.btn-home{background:linear-gradient(135deg,#1a1a1a,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s}.btn-home:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.become-teacher-page{padding:40px 16px}.teacher-header h1{font-size:2rem}.teacher-header p{font-size:1rem}.teacher-form{padding:24px}.form-row{gap:0;grid-template-columns:1fr}.language-input-group{flex-direction:column}.btn-add{width:100%}}
/*# sourceMappingURL=main.3d0c3519.css.map*/