.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0e1af2;border-bottom:1px solid #ffffff0d;padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.navbar-brand{color:#f4c542;align-items:center;gap:12px;font-size:20px;font-weight:600;display:flex}.navbar-logo{object-fit:contain;border-radius:8px;width:40px;height:40px}.navbar-menu{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;gap:40px;padding:12px 30px;list-style:none;display:flex}.navbar-menu a{color:#b8b8b8;font-size:15px;transition:color .3s}.navbar-menu a:hover{color:#f4c542}.navbar-actions{align-items:center;gap:20px;display:flex}.user-name{color:#f4c542;font-size:15px;font-weight:500}.btn-login{color:#fff;background:0 0;padding:10px 24px;font-size:15px;transition:color .3s}.btn-login:hover{color:#f4c542}.btn-signup{color:#0a0e1a;background:#f4c542;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c5424d}.btn-logout{color:#ef4444;background:#ef444433;border-radius:50px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .3s}.btn-logout:hover{background:#ef44444d}@media (width<=1024px){.navbar-content{padding:0 30px}.navbar-menu{gap:24px;padding:10px 20px}}@media (width<=768px){.navbar-content{flex-wrap:wrap;gap:16px;padding:0 20px}.navbar-brand{font-size:18px}.navbar-menu{order:3;justify-content:center;gap:16px;width:100%;padding:10px 16px}.navbar-menu a{font-size:14px}.navbar-actions{gap:12px}.user-name{font-size:14px}.btn-login,.btn-logout{padding:8px 16px;font-size:14px}.btn-signup{padding:10px 20px;font-size:14px}}@media (width<=480px){.navbar{padding:16px 0}.navbar-content{padding:0 16px}.navbar-brand{gap:8px;font-size:16px}.navbar-menu{gap:12px;padding:8px 12px;font-size:13px}.navbar-actions{gap:8px}.user-name{display:none}.btn-login,.btn-logout{padding:8px 12px;font-size:13px}.btn-signup{padding:8px 16px;font-size:13px}}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-text h1{color:#f4c542;margin-bottom:24px;font-size:72px;font-weight:700;line-height:1.1}.hero-text p{color:#b8b8b8;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-buttons{gap:20px;display:flex}.btn-primary{color:#0a0e1a;background:#f4c542;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c54266}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff3;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600;transition:border-color .3s,background .3s}.btn-secondary:hover{background:#f4c5421a;border-color:#f4c542}.hero-image{justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.hero-image img{object-fit:contain;filter:drop-shadow(0 20px 60px #00000080);border-radius:5%;width:100%;height:100%}.scroll-indicator{border:2px solid #f4c542;border-radius:20px;justify-content:center;width:30px;height:50px;padding-top:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator:before{content:"";background:#f4c542;border-radius:2px;width:4px;height:8px;animation:2s infinite scroll}@keyframes scroll{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}@media (width<=1024px){.hero-text h1{font-size:56px}.hero-text p{font-size:16px}.hero-content{gap:40px}}@media (width<=768px){.hero{min-height:auto;padding-top:120px;padding-bottom:60px}.hero-content{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:42px}.hero-text p{margin-bottom:32px;font-size:16px}.hero-buttons{flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary{padding:14px 32px;font-size:15px}.hero-image{order:-1}.scroll-indicator{display:none}}@media (width<=480px){.hero{padding-top:100px;padding-bottom:40px}.hero-text h1{margin-bottom:16px;font-size:32px}.hero-text p{margin-bottom:24px;font-size:14px}.hero-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:12px 24px;font-size:14px}}.services-section{background:linear-gradient(#0a0e1a 0%,#0f1420 100%)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:#f4c542;margin-bottom:16px;font-size:48px}.section-header p{color:#b8b8b8;font-size:18px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.service-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:40px 30px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.service-card:hover{border-color:#f4c542;transform:translateY(-10px);box-shadow:0 20px 60px #f4c54226}.service-badge{color:#8a63ff;text-transform:uppercase;background:#8a63ff33;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:20px;right:20px}.service-card h3{color:#f4c542;margin-bottom:12px;font-size:28px}.service-card .subtitle{color:#b8b8b8;margin-bottom:24px;font-size:16px}.service-features{margin-bottom:30px;list-style:none}.service-features li{color:#d4d4d4;align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.service-features li:before{content:"●";color:#f4c542;font-size:12px}.service-card .btn-service{color:#0a0e1a;background:#f4c542;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.service-card .btn-service:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c5424d}.service-card.purple .btn-service{color:#fff;background:#8a63ff}.service-card.purple .btn-service:hover{box-shadow:0 10px 30px #8a63ff4d}@media (width<=1024px){.section-header h2{font-size:40px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.service-card{padding:32px 24px}.service-card h3{font-size:24px}}@media (width<=768px){.section-header{margin-bottom:40px}.section-header h2{font-size:32px}.section-header p{font-size:16px}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:28px 20px}.service-card h3{font-size:22px}.service-card .subtitle{font-size:15px}.service-features li{font-size:14px}}@media (width<=480px){.section-header h2{font-size:28px}.section-header p{font-size:14px}.service-card{padding:24px 16px}.service-card h3{font-size:20px}.service-badge{padding:4px 10px;font-size:11px}.service-card .btn-service{padding:12px;font-size:15px}.loading-state,.error-state,.empty-state{padding:60px 16px;font-size:16px}}.platforms-section{background:#0a0e1a}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.platform-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:transform .3s,border-color .3s,box-shadow .3s}.platform-card:hover{border-color:#f4c542;transform:translateY(-10px);box-shadow:0 20px 60px #f4c54226}.platform-logo{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 30px;display:flex;overflow:hidden}.platform-logo img{object-fit:contain;width:100%;height:100%}.platform-card h3{color:#fff;margin-bottom:20px;font-size:24px}.platform-card p{color:#b8b8b8;min-height:72px;margin-bottom:30px;font-size:15px;line-height:1.6}.platform-card .btn-platform{color:#0a0e1a;background:#f4c542;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.platform-card .btn-platform:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c5424d}@media (width<=1024px){.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.platform-card{padding:32px}.platform-logo{width:100px;height:100px;margin-bottom:24px}}@media (width<=768px){.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.platform-card{padding:28px 20px}.platform-logo{width:90px;height:90px;margin-bottom:20px}.platform-card h3{margin-bottom:16px;font-size:20px}.platform-card p{min-height:auto;margin-bottom:24px;font-size:14px}.platform-card .btn-platform{padding:12px;font-size:15px}}@media (width<=480px){.platforms-grid{grid-template-columns:1fr;gap:16px}.platform-card{padding:24px 16px}.platform-logo{width:80px;height:80px;margin-bottom:16px}.platform-card h3{font-size:18px}.platform-card p{font-size:13px}.loading-state,.error-state,.empty-state{padding:60px 16px;font-size:16px}}.social-section{background:linear-gradient(#0f1420 0%,#0a0e1a 100%)}.social-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.social-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s}.social-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d}.social-card.telegram:hover{border-color:#08c;box-shadow:0 20px 60px #08c3}.social-card.youtube:hover{border-color:red;box-shadow:0 20px 60px #f003}.social-card.twitter:hover{border-color:#1da1f2;box-shadow:0 20px 60px #1da1f233}.social-card.instagram:hover{border-color:#e1306c;box-shadow:0 20px 60px #e1306c33}.social-card.discord:hover{border-color:#5865f2;box-shadow:0 20px 60px #5865f233}.social-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.social-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.social-icon.telegram{background:#08c}.social-icon.youtube{background:red}.social-icon.twitter{background:#000}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.discord{background:#5865f2}.social-info h3{color:#fff;margin-bottom:4px;font-size:20px}.social-info p{color:#888;font-size:14px}.social-card .description{color:#b8b8b8;margin-bottom:20px;font-size:14px;line-height:1.6}.social-card .btn-social{color:#fff;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:transform .3s,opacity .3s}.social-card .btn-social:hover{opacity:.9;transform:translateY(-2px)}.social-card.telegram .btn-social{background:#08c}.social-card.youtube .btn-social{background:red}.social-card.twitter .btn-social{background:#000}.social-card.instagram .btn-social{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743)}.social-card.discord .btn-social{background:#5865f2}.loading-state,.error-state,.empty-state{text-align:center;color:#b8b8b8;padding:80px 20px;font-size:18px}.error-state{color:#ef4444}.btn-retry{color:#0a0e1a;cursor:pointer;background:#f4c542;border:none;border-radius:12px;margin-top:20px;padding:12px 32px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c5424d}@media (width<=1024px){.social-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.social-card{padding:24px}}@media (width<=768px){.social-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.social-card{padding:20px}.social-header{gap:12px}.social-icon{width:44px;height:44px;font-size:20px}.social-info h3{font-size:18px}.social-info p,.social-card .description{font-size:13px}.social-card .btn-social{padding:10px;font-size:14px}}@media (width<=480px){.social-grid{grid-template-columns:1fr;gap:16px}.social-card{padding:20px 16px}.social-icon{width:40px;height:40px;font-size:18px}.social-info h3{font-size:16px}.loading-state,.error-state,.empty-state{padding:60px 16px;font-size:16px}}.footer{background:#060810;border-top:1px solid #ffffff0d;padding:60px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:40px;display:grid}.footer-brand h3{color:#f4c542;margin-bottom:16px;font-size:24px}.footer-brand p{color:#b8b8b8;margin-bottom:24px;font-size:15px;line-height:1.6}.footer-socials{flex-wrap:wrap;gap:12px;display:flex}.footer-social-icon{color:#b8b8b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s,border-color .3s,color .3s;display:flex}.footer-social-icon:hover{color:#0a0e1a;background:#f4c542;border-color:#f4c542}.footer-section h4{color:#fff;margin-bottom:20px;font-size:18px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#b8b8b8;font-size:15px;transition:color .3s}.footer-links a:hover{color:#f4c542}.footer-contact{list-style:none}.footer-contact li{color:#b8b8b8;align-items:center;gap:10px;margin-bottom:16px;font-size:15px;display:flex}.footer-contact li svg{color:#f4c542}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-bottom p{color:#888;font-size:14px}.footer-legal{gap:24px;display:flex}.footer-legal a{color:#888;font-size:14px;transition:color .3s}.footer-legal a:hover{color:#f4c542}@media (width<=1024px){.footer-content{gap:40px}}@media (width<=768px){.footer{padding:40px 0 24px}.footer-content{text-align:center;grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-brand h3{font-size:20px}.footer-brand p{font-size:14px}.footer-socials{justify-content:center}.footer-section h4{margin-bottom:16px;font-size:16px}.footer-links a,.footer-contact li{font-size:14px}.footer-contact li{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-legal{gap:16px}}@media (width<=480px){.footer{padding:32px 0 20px}.footer-content{gap:24px;margin-bottom:24px}.footer-brand h3{font-size:18px}.footer-brand p{font-size:13px}.footer-social-icon{width:36px;height:36px}.footer-section h4{font-size:15px}.footer-links a,.footer-contact li,.footer-bottom p,.footer-legal a{font-size:13px}.footer-legal{flex-direction:column;gap:12px}}.auth-page{background:#0a0e1a;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{width:100%;max-width:480px}.auth-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-card h2{color:#f4c542;text-align:center;margin:0 0 8px;font-size:32px}.auth-subtitle{text-align:center;color:#b8b8b8;margin-bottom:30px;font-size:15px}.auth-card input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:border-color .3s}.auth-card input:focus{border-color:#f4c542;outline:none}.auth-card input::placeholder{color:#888}.password-input-wrapper{width:100%;margin-bottom:16px;position:relative}.password-input-wrapper input{margin-bottom:0;padding-right:50px}.password-toggle{cursor:pointer;color:#b8b8b8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;line-height:1;transition:opacity .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){opacity:.7}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-auth{color:#0a0e1a;cursor:pointer;background:#f4c542;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4c5424d}.error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.auth-link{text-align:center;color:#b8b8b8;margin-top:20px;font-size:14px}.auth-link a{color:#f4c542;font-weight:600;transition:opacity .3s}.auth-link a:hover{opacity:.8}@media (width<=768px){.auth-page{padding:32px 20px}.auth-container{max-width:420px}.auth-card{padding:32px 28px}.auth-card h2{font-size:28px}.auth-subtitle{margin-bottom:24px;font-size:14px}.auth-card input{padding:12px 14px;font-size:14px}.btn-auth{padding:12px;font-size:15px}}@media (width<=480px){.auth-page{padding:24px 16px}.auth-container{max-width:100%}.auth-card{padding:28px 20px}.auth-card h2{font-size:24px}.auth-subtitle{margin-bottom:20px;font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.auth-card input{margin-bottom:12px;padding:12px;font-size:14px}.btn-auth{padding:12px;font-size:14px}.error{padding:10px;font-size:13px}.auth-link{margin-top:16px;font-size:13px}}.notfound-page{background:linear-gradient(135deg,#0a0e1a 0%,#1a1f35 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.notfound-wrapper{text-align:center;max-width:600px}.notfound-animation{justify-content:center;align-items:center;gap:20px;margin-bottom:40px;display:flex}.notfound-number{color:#f4c542;text-shadow:0 10px 30px #f4c5424d;font-size:120px;font-weight:900;animation:3s ease-in-out infinite float}.notfound-number:first-child{animation-delay:0s}.notfound-number:last-child{animation-delay:.5s}.notfound-icon{font-size:100px;animation:4s linear infinite rotate}.notfound-page h1{color:#fff;margin-bottom:20px;font-size:42px;font-weight:700}.notfound-page p{color:#b8b8b8;margin-bottom:40px;font-size:18px;line-height:1.6}.btn-back-home{color:#0a0e1a;background:#f4c542;border-radius:50px;padding:16px 48px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:0 10px 30px #f4c5424d}.btn-back-home:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f4c54266}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.notfound-number{font-size:80px}.notfound-icon{font-size:70px}.notfound-page h1{font-size:32px}.notfound-page p{font-size:16px}.btn-back-home{padding:14px 40px;font-size:15px}.notfound-animation{gap:15px;margin-bottom:30px}}@media (width<=480px){.notfound-number{font-size:60px}.notfound-icon{font-size:50px}.notfound-page h1{font-size:26px}.notfound-page p{font-size:14px}.btn-back-home{padding:12px 32px;font-size:14px}.notfound-animation{gap:10px;margin-bottom:24px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#070a12;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root,.app-shell{min-height:100vh}.app-shell{isolation:isolate;position:relative}.app-content{z-index:2;position:relative}.network-background{z-index:0;pointer-events:none;background:#05070d;position:fixed;inset:0;overflow:hidden}.network-layer{animation:12s ease-in-out infinite alternate networkDrift;position:absolute;inset:-8%}.network-dot{opacity:.82;background:#f4c542;border-radius:50%;animation:2.6s ease-in-out infinite dotPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #f4c542a6}.network-line{transform-origin:0;height:1.2px;transform:rotate(var(--line-angle,0deg)) scaleX(0);opacity:0;background:linear-gradient(90deg,#f4c5421a 0%,#f4c542a6 50%,#f4c5421a 100%);animation:2.9s ease-in-out infinite lineConnect;position:absolute}@keyframes dotPulse{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.15)}}@keyframes lineConnect{0%,to{opacity:0;transform:rotate(var(--line-angle,0deg)) scaleX(0)}25%{opacity:.72;transform:rotate(var(--line-angle,0deg)) scaleX(1)}65%{opacity:.72;transform:rotate(var(--line-angle,0deg)) scaleX(1)}85%{opacity:.24;transform:rotate(var(--line-angle,0deg)) scaleX(.2)}}@keyframes networkDrift{0%{transform:translate(-1.5%,-1%)scale(1)}50%{transform:translate(1.5%,1%)scale(1.02)}to{transform:translate(-1%,1.2%)scale(1)}}.services-section,.platforms-section,.social-section,.auth-page,.notfound-page,.footer{background-color:#0a0e1aad!important;background-image:none!important}.container{max-width:1400px;margin:0 auto;padding:0 40px}section{padding:80px 0}h1,h2,h3{font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}@media (width<=768px){.container{padding:0 20px}section{padding:60px 0}.network-line{opacity:.24}.network-layer{animation-duration:10s}}@media (width<=480px){.container{padding:0 16px}section{padding:40px 0}}