@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}:root{--primary-color: #4051B5;--secondary-color: #26A9E0;--dark-bg: #1a1a2e;--light-bg: #f8f9fa;--text-light: #ffffff;--text-dark: #121212;--gradient-blue: linear-gradient(135deg, #4051B5 0%, #26A9E0 100%);--gradient-purple: linear-gradient(135deg, #7928ca 0%, #ff0080 100%);--gradient-dark: linear-gradient(135deg, #111827 0%, #1f2937 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--border-radius: 12px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--light-bg);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-md) 0;transition:background-color .3s ease,box-shadow .3s ease}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-img{width:40px;height:40px;border-radius:50%}.logo-text{font-weight:700;font-size:1.5rem;color:var(--text-light)}.header.scrolled .logo-text{color:var(--primary-color)}.join-btn{display:inline-block;background:var(--gradient-blue);color:#fff;padding:.6rem 1.5rem;border-radius:30px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md)}.join-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--gradient-dark);color:var(--text-light)}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:var(--gradient-blue);clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);opacity:.1}.hero-content{position:relative;z-index:2;max-width:800px}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--space-lg);opacity:.9}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-md);background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.analytics{padding:var(--space-xl) 0;background-color:#fff}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--space-xl)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.stat-card{background-color:#f1f5f9;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--space-lg);transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid var(--primary-color)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);background-color:#e8edf5}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-md)}.stat-value{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:#6b7280}.telegram-section{padding:var(--space-xl) 0;background-color:#f3f4f6}.posts-container{display:flex;flex-direction:column;gap:var(--space-lg)}.telegram-post{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease}.telegram-post:hover{transform:translateY(-5px)}.post-header{display:flex;align-items:center;padding:var(--space-sm);background-color:#1961c5;color:#fff}.post-header-icon{width:30px;height:30px;margin-right:var(--space-sm)}.post-channel{font-weight:700}.post-content{padding:var(--space-md);padding-top:1px}.post-text{margin-bottom:var(--space-md)}.post-image{width:100%;margin-bottom:var(--space-md)}.post-date{font-size:.875rem;color:#6b7280;text-align:right}.chart-section{padding:var(--space-xl) 0;background:var(--gradient-dark);color:var(--text-light)}.chart-container{background-color:#ffffff0d;border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.chart-img{width:100%;border-radius:8px}.cta-section{padding:var(--space-xl) 0;background:var(--gradient-blue);color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-md)}.cta-text{font-size:1.25rem;margin-bottom:var(--space-lg);max-width:700px;margin-left:auto;margin-right:auto;opacity:.9}.cta-btn{display:inline-block;background:#fff;color:var(--primary-color);padding:1rem 2.5rem;border-radius:50px;font-size:1.125rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md)}.cta-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.footer{padding:var(--space-lg) 0;background-color:#1a1a2e;color:#fff}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo-img{width:30px;height:30px;border-radius:50%}.copyright{font-size:.875rem;opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .7s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .7s ease forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}@media (max-width: 1024px){.hero-title{font-size:3rem}.section-title{font-size:2rem}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.section-title,.stat-value,.cta-title{font-size:2rem}.footer-container{flex-direction:column;gap:var(--space-md);text-align:center}}@media (max-width: 480px){html{font-size:14px}.hero-title,.section-title{font-size:2rem}.cards-grid{grid-template-columns:1fr}.logo-text{display:none}}