:root{--cyan:#22d3ee;--cyan-dim:#0891b2;--green:#10b981;--bg:#0f172a;--bg-subtle:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--border:rgba(148, 163, 184, 0.15);--orange:#f97316;--yellow:#fbbf24;--coral:#fb7185}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;max-width:100vw}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.bg-gradient{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse at 20% 20%,rgba(34,211,238,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(34,211,238,.08) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.06) 0,transparent 70%);animation:gradientMove 20s ease-in-out infinite}@keyframes gradientMove{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(3%,-2%) rotate(.5deg)}}.grid-overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:50px 50px}.nav{position:fixed;top:12px;left:0;right:0;z-index:100;padding:.5rem 2rem;background:0 0;transition:top .3s ease}.nav.with-banner{top:48px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:rgba(10,15,25,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.75rem 1.5rem}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text)}.nav-logo-icon{width:32px;height:32px;perspective:200px}.nav-logo img,.nav-logo-icon img{width:32px;height:32px;border-radius:8px;transition:transform .4s ease;transform-style:preserve-3d;object-fit:contain}.nav-logo.menu-open .nav-logo-icon img{transform:rotateY(180deg)}.nav-logo span{font-size:1.1rem;font-weight:600}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-item{position:relative}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;padding:.6rem 1rem;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:.5rem;transition:color .3s ease,background .3s ease;position:relative;z-index:102;border:1px solid transparent;border-bottom:1px solid transparent}.nav-item>.nav-link::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:4px;background:0 0;z-index:103}.nav-link:hover{color:var(--text)}.nav-links>a.nav-link{border-radius:10px;border:1px solid transparent;transition:color .3s ease,background .3s ease,border-color .3s ease}.nav-links>a.nav-link:hover{color:var(--text);background:#0f172a;border-color:rgba(34,211,238,.3)}.nav-links>a.nav-link[style*=color]:hover{color:#67e8f9!important}.nav-item:hover>.nav-link{color:var(--text);background:#0f172a;border-color:rgba(34,211,238,.3);border-bottom-color:transparent}.nav-item:hover>.nav-link::after{background:#0f172a}.nav-indicator{width:16px;height:16px;position:relative;display:flex;align-items:center;justify-content:center}.nav-indicator::after,.nav-indicator::before{content:'';position:absolute;width:6px;height:2px;background:currentColor;border-radius:1px;transition:all .3s ease}.nav-indicator::before{transform:rotate(45deg) translateX(-2px)}.nav-indicator::after{transform:rotate(-45deg) translateX(2px)}.nav-item:hover .nav-indicator::before{transform:rotate(-45deg) translateX(-2px)}.nav-item:hover .nav-indicator::after{transform:rotate(45deg) translateX(2px)}.nav-dropdown{position:absolute;top:calc(100% - 1px);left:0;min-width:300px;background:#0f172a;border:1px solid rgba(34,211,238,.3);border-radius:0 12px 12px 12px;padding:0;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .25s ease;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 15px rgba(34,211,238,.15)}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-body{padding:.5rem 0}.nav-dropdown-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:.75rem 1.25rem .25rem}.nav-dropdown-item{display:flex;align-items:flex-start;gap:.875rem;padding:.75rem 1.25rem;text-decoration:none;color:var(--text);transition:all .2s ease;margin:.125rem .5rem;border-radius:8px}.nav-dropdown-item:hover{color:var(--cyan)}.nav-dropdown-item .nav-dropdown-icon{transition:box-shadow .5s ease-out}.nav-dropdown-item .nav-dropdown-title{transition:text-shadow .5s ease-out}.nav-dropdown-item:hover .nav-dropdown-icon{box-shadow:0 0 15px rgba(34,211,238,.5);animation:iconGlowPulse .6s ease-out}.nav-dropdown-item:hover .nav-dropdown-title{text-shadow:0 0 12px rgba(34,211,238,.6);animation:textGlowPulse .6s ease-out}@keyframes iconGlowPulse{0%{box-shadow:0 0 15px rgba(34,211,238,.5)}30%{box-shadow:0 0 30px rgba(34,211,238,.8)}100%{box-shadow:0 0 15px rgba(34,211,238,.5)}}@keyframes textGlowPulse{0%{text-shadow:0 0 12px rgba(34,211,238,.6)}30%{text-shadow:0 0 25px #22d3ee}100%{text-shadow:0 0 12px rgba(34,211,238,.6)}}.nav-dropdown-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(34,211,238,.1);border-radius:8px;flex-shrink:0;color:var(--cyan);transition:all .2s ease}.nav-dropdown-icon svg{width:18px;height:18px}.nav-dropdown-content{flex:1}.nav-dropdown-title{font-size:.9rem;font-weight:600;color:inherit;margin-bottom:.125rem}.nav-dropdown-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.nav-dropdown-divider{height:1px;background:var(--border);margin:.5rem 1rem}.nav-auth{display:flex;align-items:center;gap:.75rem}.nav-login{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:color .2s,background .2s,text-shadow .2s;cursor:pointer;background:0 0;border:none}.nav-login:hover{color:var(--text);background:rgba(255,255,255,.05);text-shadow:0 0 20px rgba(255,255,255,.3)}.nav-signup{background:var(--cyan);color:var(--bg);padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:600;transition:background .2s,box-shadow .2s;cursor:pointer;border:none}.nav-signup:hover{background:var(--cyan-dim);box-shadow:0 0 20px rgba(34,211,238,.4)}.nav-download{display:flex;align-items:center;gap:0;padding:.5rem;border-radius:8px;text-decoration:none;color:var(--text);font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden;white-space:nowrap;margin-right:.25rem}.nav-download svg{width:20px;height:20px;flex-shrink:0;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.nav-download-text{max-width:0;opacity:0;overflow:hidden;transition:max-width .35s cubic-bezier(.4, 0, .2, 1),opacity .25s ease,margin .35s ease;margin-left:0}.nav-download:hover{background:#ef4444;color:#fff;padding:.5rem .85rem;box-shadow:0 0 20px rgba(239,68,68,.5),0 0 40px rgba(239,68,68,.2)}.nav-download:hover svg{color:#fff;filter:drop-shadow(0 0 4px rgba(255, 255, 255, .5))}.nav-download:hover .nav-download-text{max-width:160px;opacity:1;margin-left:.5rem}.nav-user{display:none;position:relative}.nav-user-btn{padding:8px 16px;border-radius:25px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.1));border:2px solid rgba(34,211,238,.4);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative}.nav-user-btn:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(34,211,238,.4),0 0 40px rgba(34,211,238,.2)}.nav-user-btn svg{width:20px;height:20px;color:var(--cyan)}.nav-user-name{color:var(--cyan);font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:rgba(30,41,59,.95);border:1px solid rgba(34,211,238,.2);border-radius:10px;padding:8px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;backdrop-filter:blur(12px);z-index:1000}.nav-user-info{padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:8px}.nav-user-info-name{color:var(--text);font-weight:600;font-size:14px;margin-bottom:4px}.nav-user-info-email{color:var(--text-muted);font-size:12px;word-break:break-all}.nav-user:hover .nav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-dropdown a,.nav-user-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;color:var(--text);text-decoration:none;font-size:14px;background:0 0;border:none;cursor:pointer;transition:background .2s;text-align:left}.nav-user-dropdown a:hover,.nav-user-dropdown button:hover{background:rgba(34,211,238,.1)}.nav-user-dropdown svg{width:16px;height:16px;opacity:.7}.nav-user-dropdown hr{border:none;border-top:1px solid rgba(148,163,184,.15);margin:8px 0}.mobile-menu{display:none;position:absolute;top:calc(100% + 8px);left:1rem;right:1rem;background:rgba(15,23,42,.98);backdrop-filter:blur(16px);border:1px solid rgba(34,211,238,.2);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:99}.mobile-menu.active{display:block;animation:mobileMenuIn .3s ease-out}@keyframes mobileMenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-inner{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mobile-menu-section{grid-column:span 2;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);padding:.75rem .5rem .25rem;margin-top:.5rem;border-top:1px solid var(--border)}.mobile-menu-section:first-child{margin-top:0;border-top:none}.mobile-menu-link{color:var(--text);text-decoration:none;font-size:.9rem;padding:.6rem .5rem;border-radius:8px;transition:all .2s ease}.mobile-menu-link:hover{background:rgba(34,211,238,.1);color:var(--cyan)}.mobile-menu-auth{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.mobile-menu-login,.mobile-menu-signup{flex:1;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-menu-login{background:0 0;border:1px solid var(--border);color:var(--text)}.mobile-menu-login:hover{border-color:var(--cyan);color:var(--cyan)}.mobile-menu-signup{background:var(--cyan);border:none;color:var(--bg)}.mobile-menu-signup:hover{background:var(--cyan-dim)}.mobile-menu-download{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding:.85rem 1rem;border-radius:10px;background:#ef4444;color:#fff;text-decoration:none;font-size:.95rem;font-weight:700;transition:all .2s ease;box-shadow:0 0 15px rgba(239,68,68,.3)}.mobile-menu-download svg{width:20px;height:20px;flex-shrink:0}.mobile-menu-download:hover{background:#dc2626;box-shadow:0 0 25px rgba(239,68,68,.5)}.footer{background:linear-gradient(135deg,#0a0f1e 0,#0f172a 50%,#1a1f35 100%)!important;border-top:none!important;padding:80px 4rem 30px!important;z-index:1;position:relative;overflow:hidden}.footer-bg{position:absolute;top:0;left:50%;width:160%;max-width:2200px;transform:translateX(-50%) rotate(-8deg);pointer-events:none;opacity:.08;filter:blur(.5px);z-index:0}.footer-bg img{width:100%;height:auto;border-radius:16px;mask-image:radial-gradient(ellipse 80% 80% at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at center,black 30%,transparent 70%)}.footer-inner{max-width:1600px!important;margin:0 auto;overflow:visible;position:relative;z-index:1}.footer-top{padding-bottom:3rem;margin-bottom:2rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50% + 10rem);padding-right:calc(50vw - 50% + 10rem)}.footer-links{display:flex!important;justify-content:space-between!important;gap:21rem!important}.footer-column{flex:1!important}.footer-column .footer-heading,.footer-column h4{font-size:.8rem!important;font-weight:600;color:var(--text-dim)!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem!important;white-space:nowrap}.footer-column ul{list-style:none}.footer-column li{margin-bottom:1rem!important}.footer-column a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s;white-space:nowrap}.footer-column a:hover{color:var(--cyan)}.footer-social-link{display:flex;align-items:center;gap:.6rem}.footer-social-icon{width:18px;height:18px;flex-shrink:0}.footer-icon-email{color:#38bdf8}.footer-icon-x{color:#e2e8f0}.footer-icon-youtube{color:red}.footer-icon-discord{color:#5865f2}.footer-social-link:hover .footer-icon-email{color:#7dd3fc}.footer-social-link:hover .footer-icon-x{color:#fff}.footer-social-link:hover .footer-icon-youtube{color:#f44}.footer-social-link:hover .footer-icon-discord{color:#7c84f7}.footer-brand-big{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:3rem 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-bottom:2rem;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.footer-pulse-line{width:600px;height:240px;background:0 0;border:none;overflow:visible}.footer-pulse-path{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(34, 211, 238, .4));stroke-dasharray:500;stroke-dashoffset:500}.footer-pulse-tip{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(34, 211, 238, .9)) drop-shadow(0 0 14px rgba(34, 211, 238, .6));stroke-dasharray:6 9999;stroke-dashoffset:9999;opacity:0}.footer-pulse-line .fuse-spark{fill:var(--cyan);opacity:1}.footer-pulse-path.animate-fuse{animation:footerFuseDraw 2s linear forwards}.footer-pulse-tip.animate-fuse{opacity:1;animation:footerFuseDraw 2s linear forwards,fuseFlicker 80ms ease-in-out infinite alternate}@keyframes footerFuseDraw{to{stroke-dashoffset:0}}@keyframes fuseFlicker{0%{filter:drop-shadow(0 0 4px rgba(34, 211, 238, .8)) drop-shadow(0 0 10px rgba(34, 211, 238, .5));stroke-width:3.5}100%{filter:drop-shadow(0 0 8px rgba(255, 255, 255, .9)) drop-shadow(0 0 18px rgba(34, 211, 238, .8));stroke-width:5}}.footer-pulse-line.fuse-explode{animation:fuseExplode .35s ease-out forwards;transform-origin:center center}@keyframes fuseExplode{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(34, 211, 238, 0))}40%{transform:scale(1.8);filter:drop-shadow(0 0 20px rgba(34, 211, 238, .9))}100%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(34, 211, 238, 0))}}.footer-name-big{font-family:Inter,sans-serif;font-size:14rem;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:none!important;font-size:.85rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50% + 10rem);padding-right:calc(50vw - 50% + 4rem)}.footer-copyright{color:var(--text-dim)}.footer-bottom-right{display:flex;align-items:center;gap:.5rem}.footer-bottom-right a{color:var(--text-dim);text-decoration:none;transition:color .2s}.footer-bottom-right a:hover{color:var(--cyan)}.footer-dot{color:var(--text-dim);font-size:.75rem}@media (max-width:1024px){.footer-name-big{font-size:10rem}.footer-pulse-line{width:400px;height:160px}}.nav-hamburger{display:none;background:0 0;border:none;cursor:pointer;padding:8px;margin-left:auto;flex-direction:column;gap:5px;z-index:101}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.nav-hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.nav-hamburger{display:flex}.nav-links{display:none}.nav-auth{display:none}.nav-download{display:none}.footer-links{flex-wrap:wrap;gap:2rem}.footer-column{min-width:40%}.footer-brand-big{flex-direction:column;gap:.5rem}.footer-name-big{font-size:5rem}.footer-pulse-line{width:250px;height:100px}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.footer-name-big{font-size:3.5rem}.footer-pulse-line{width:180px;height:70px}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}