body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.chatlash-app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;overflow-x:hidden;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{padding:20px 0;position:relative;z-index:100;transition:all .3s ease}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:#d4ff01;text-decoration:none;display:flex;align-items:center;gap:10px}.logo-img{width:40px;height:40px;object-fit:contain;border-radius:8px}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#d4ff01}.language-selector{display:flex;gap:5px}.lang-btn{background:#ffffff1a;border:1px solid rgba(212,255,1,.3);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:12px;font-weight:700}.lang-btn:hover{background:#d4ff011a;border-color:#d4ff01}.lang-btn.active{background:#d4ff01;color:#2c3e50;border-color:#d4ff01}.hero{text-align:center;padding:100px 0;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(212,255,1,.1) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero h1{font-size:4rem;margin-bottom:20px;background:linear-gradient(45deg,#d4ff01,#b8e600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(212,255,1,.5)}to{text-shadow:0 0 30px rgba(212,255,1,.8)}}.hero p{font-size:1.5rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.coming-soon{display:inline-block;background:linear-gradient(45deg,#d4ff01,#b8e600);color:#2c3e50;padding:15px 40px;border-radius:50px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;animation:pulse 2s infinite;box-shadow:0 10px 30px #d4ff014d}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.features{padding:100px 0;background:#ffffff0d}.features h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#d4ff01}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.feature-card{background:#ffffff1a;padding:40px 30px;border-radius:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(212,255,1,.2)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #d4ff0133}.feature-icon{font-size:3rem;margin-bottom:20px;color:#d4ff01}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#d4ff01}.feature-card p{opacity:.8;line-height:1.6}.app-stores{padding:100px 0;text-align:center}.app-stores h2{font-size:2.5rem;margin-bottom:20px;color:#d4ff01}.app-stores p{font-size:1.2rem;margin-bottom:50px;opacity:.8}.store-buttons{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.store-button{display:flex;align-items:center;background:#ffffff1a;padding:15px 30px;border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(212,255,1,.3)}.store-button:hover{background:#d4ff011a;transform:translateY(-5px);box-shadow:0 10px 25px #d4ff0133}.store-icon{font-size:2rem;margin-right:15px;display:flex;align-items:center;justify-content:center}.store-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.store-text{text-align:left}.store-text .small{font-size:.8rem;opacity:.7}.store-text .large{font-size:1.1rem;font-weight:700}.footer{background:#0000004d;padding:40px 0;text-align:center;border-top:1px solid rgba(212,255,1,.2)}.footer p{opacity:.7}.floating-element{position:absolute;background:#d4ff011a;border-radius:50%;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){width:60px;height:60px;top:60%;right:15%;animation-delay:2s}.floating-element:nth-child(3){width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.loading-dots{display:inline-block;margin-left:10px}.loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d4ff01;margin:0 2px;animation:loading 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;gap:4px}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#2c3e50fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(212,255,1,.2);transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:1000;min-height:200px}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-nav-links{list-style:none;padding:20px;margin:0}.mobile-nav-links li{margin-bottom:15px}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:1.1rem;display:block;padding:10px 0;transition:color .3s ease}.mobile-nav-links a:hover{color:#d4ff01}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.nav-links{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.features-grid{grid-template-columns:1fr}.store-buttons{flex-direction:column;align-items:center}.floating-element{display:none}.language-selector{margin-left:auto;margin-right:15px;z-index:1001;position:relative}.lang-btn{min-width:40px;min-height:40px;font-size:14px;padding:8px 12px}}@media (max-width: 480px){.logo{font-size:20px}.logo-img{width:30px;height:30px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.features h2,.app-stores h2{font-size:2rem}}#root{margin:0;padding:0;width:100%;height:100%}