@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";::-webkit-scrollbar-thumb{background-color:#f49522;border-radius:20px;border:transparent}.spiderverse-button{position:relative;padding:15px 30px;font-size:24px;font-weight:900;border:none;border-radius:50px;cursor:pointer;background:#fff;color:#000;text-transform:uppercase;letter-spacing:3px;transform-style:preserve-3d;transition:all .15s ease;font-family:Arial,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.loader{display:flex;background-color:#e29a28;justify-content:center;align-items:center;height:100vh;--color: black;--animation: 2s ease-in-out infinite}.loader .circle{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border:solid 2px var(--color);border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys var(--animation)}.loader .circle .dot{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-color:var(--color);animation:dot-keys var(--animation)}.loader .circle .outline{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;animation:outline-keys var(--animation)}.circle:nth-child(2){animation-delay:.3s}.circle:nth-child(3){animation-delay:.6s}.circle:nth-child(4){animation-delay:.9s}.circle:nth-child(5){animation-delay:1.2s}.circle:nth-child(2) .dot{animation-delay:.3s}.circle:nth-child(3) .dot{animation-delay:.6s}.circle:nth-child(4) .dot{animation-delay:.9s}.circle:nth-child(5) .dot{animation-delay:1.2s}.circle:nth-child(1) .outline{animation-delay:.9s}.circle:nth-child(2) .outline{animation-delay:1.2s}.circle:nth-child(3) .outline{animation-delay:1.5s}.circle:nth-child(4) .outline{animation-delay:1.8s}.circle:nth-child(5) .outline{animation-delay:2.1s}@keyframes circle-keys{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{transform:scale(0);outline:solid 20px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:solid 0 transparent;outline-offset:20px;opacity:0}}.floating-icons{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:8000}.floating-icons a{color:#000;width:20px;height:20px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:0 2px 5px #0003;transition:transform .3s ease,box-shadow .3s ease}.floating-icons a:hover{transform:scale(1.1);box-shadow:0 4px 10px #0000004d}header{width:100%;height:100%;position:relative}nav{display:flex;justify-content:space-between;align-items:center;background-color:none;padding:1rem 2rem;position:fixed;width:90%;left:50%;top:3%;transform:translate(-50%);z-index:9998}.logo a{color:#fff;text-decoration:none;font-size:1.5rem;font-family:Gajraj One,sans-serif}.logo img{width:150px}.nav-links{list-style:none;display:none;gap:1rem}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;background-color:#333;width:100%;height:100vh;justify-content:center;align-items:center;text-align:center;z-index:9998;padding-top:2rem}.nav-links.open a{padding:1rem;border-top:none;font-size:4rem;font-family:Orbitron,sans-serif;font-weight:700;text-decoration:none;color:#fff;letter-spacing:3px}.logo,.cta,.hamburger-menu{z-index:9999}.cta button{background-color:#000;border:5px solid #ffffff;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:1rem}.hamburger-menu{display:flex;flex-direction:column;cursor:pointer}.hamburger-menu span{background-color:#8d8d8d;height:3px;width:25px;margin:4px 0}@media (max-width: 768px){nav{width:90vw;left:0;transform:none;padding:0 5vw}.nav-links{display:none}.nav-links.open{padding-top:1rem;width:100vw;text-align:right}.nav-links.open a{font-size:3rem}.hamburger-menu{display:flex}.logo img{width:100px}.cta .button-wrapper{padding:20px!important}.cta .button-wrapper button{font-size:.7rem;border:3px solid white}}.banner-main{background-color:#000;height:92vh;width:100%;border-radius:50px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.banner-main:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,0,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.2) 1px,transparent 1px);background-size:40px 40px;opacity:.6;animation:moveGrid 8s linear infinite}@keyframes moveGrid{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes moveGradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.bg-img{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:end;padding-top:9%;position:absolute;right:-9%}.bg-img img{float:right;width:55%;height:100%;object-fit:cover;border-radius:50px}.banner-texts{height:100%;position:absolute;color:#fff;top:0;left:0;place-content:center;padding-left:5%}.banner-texts h1{font-size:5rem;font-family:Orbitron,sans-serif;width:50%;line-height:1.1;letter-spacing:8px;padding:30px 0;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff}.banner-texts h2{font-size:2.5rem;width:55%;font-weight:600;line-height:1.5;padding:20px 5px;letter-spacing:8px}.banner-texts p{font-size:1.5rem;width:55%;font-weight:400;line-height:1.5;padding:20px 5px;letter-spacing:2px}@media (max-width: 1024px){.banner-texts h1{font-size:4rem;width:60%}.banner-texts h2{font-size:2rem;width:65%}.banner-texts p{font-size:1.25rem;width:65%}.bg-img img{width:60%}}@media (max-width: 768px){.banner{height:95vh;width:100%;padding:0}.container{padding:0!important;width:100%!important}.banner-main{border-radius:0;height:100%}.banner-texts h1{font-size:3rem;width:70%}.banner-texts h2{font-size:1.75rem;width:75%}.banner-texts p{font-size:1rem;width:75%}.bg-img img{width:70%}}@media (max-width: 480px){.banner-texts{place-content:end}.banner-texts h1{font-size:2.1rem;width:80%;padding:20px 0}.banner-texts h2{font-size:1.3rem;width:85%;padding:10px 0}.banner-texts p{font-size:.775rem;width:85%}.bg-img{right:8%;width:40%}.bg-img img{width:100%}}.button-wrapper{position:relative;transform-style:preserve-3d;transition:transform .2s ease;padding:40px}.spiderverse-button{position:relative;padding:15px 30px;font-size:24px;font-weight:900;border:none;border-radius:50px;cursor:pointer;background:#fff;color:#000;text-transform:uppercase;letter-spacing:3px;transform-style:preserve-3d;transition:all .15s ease;font-family:Arial,sans-serif;text-shadow:-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000}.glitch-text{position:relative;display:inline-block}.glitch-layers{position:absolute;top:0;left:0;width:100%;height:100%}.glitch-layer{position:absolute;content:"CLICK ME";top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50px;opacity:0;transition:all .15s ease}.layer-1{color:#0ff;transform-origin:center}.layer-2{color:#f0f;transform-origin:center}.button-wrapper:hover .layer-1{opacity:1;animation:glitchLayer1 .4s steps(2) infinite}.button-wrapper:hover .layer-2{opacity:1;animation:glitchLayer2 .4s steps(2) infinite}.button-wrapper:hover .spiderverse-button{animation:buttonGlitch .3s steps(2) infinite;box-shadow:0 0 20px #ffffff80,0 0 30px #00ffff80,0 0 40px #ff00ff80}.noise{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.1) 1px,transparent 2px);pointer-events:none;opacity:0;transition:opacity .3s;animation:noise .2s steps(2) infinite}.button-wrapper:hover .noise{opacity:1}@keyframes buttonGlitch{0%{transform:translate(0) scale(1.1)}25%{transform:translate(-10px,5px) scale(1.15) skew(-5deg)}50%{transform:translate(10px,-5px) scale(1.1) skew(5deg)}75%{transform:translate(-15px,-5px) scale(1.05) skew(-3deg)}to{transform:translate(0) scale(1.1)}}@keyframes glitchLayer1{0%{transform:translate(-20px,-10px) scale(1.1) skew(-10deg);clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%)}25%{transform:translate(20px,10px) scale(1.2) skew(10deg);clip-path:polygon(0 30%,100% 30%,100% 60%,0 60%)}50%{transform:translate(-15px,5px) scale(.9) skew(-5deg);clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%)}75%{transform:translate(15px,-5px) scale(1.3) skew(5deg);clip-path:polygon(0 40%,100% 40%,100% 70%,0 70%)}to{transform:translate(-20px,-10px) scale(1.1) skew(-10deg);clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%)}}@keyframes glitchLayer2{0%{transform:translate(20px,10px) scale(1.1) skew(10deg);clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%)}25%{transform:translate(-20px,-10px) scale(1.2) skew(-10deg);clip-path:polygon(0 60%,100% 60%,100% 90%,0 90%)}50%{transform:translate(15px,-5px) scale(.9) skew(5deg);clip-path:polygon(0 40%,100% 40%,100% 70%,0 70%)}75%{transform:translate(-15px,5px) scale(1.3) skew(-5deg);clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%)}to{transform:translate(20px,10px) scale(1.1) skew(10deg);clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%)}}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(10%,5%)}30%{transform:translate(-5%,10%)}40%{transform:translate(15%,-5%)}50%{transform:translate(-10%,15%)}60%{transform:translate(5%,-10%)}70%{transform:translate(-15%,5%)}80%{transform:translate(10%,10%)}90%{transform:translate(-5%,15%)}to{transform:translate(0)}}.glitch-slice{position:absolute;width:120%;height:5px;background:#fff;opacity:0;animation:slice 3s linear infinite}@keyframes slice{0%{top:-10%;opacity:0}1%{opacity:.5}3%{opacity:0}50%{top:110%}to{top:110%}}*{margin:0;padding:0;font-family:Noto Sans,sans-serif}::selection{background-color:none;color:purple}.container{width:96%;padding:2%}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:tomato;border-radius:20px;border:transparent}.text-main{place-content:center;display:flex;flex-direction:column;align-items:center}.text-main h2{position:sticky}.text-main h1{font-size:14rem;word-spacing:20px;font-family:Orbitron,sans-serif;font-weight:900;padding:50px 0;letter-spacing:5px;font-stretch:expanded}@media (max-width: 1024px){.text-main h1{font-size:7.5rem;word-spacing:15px}}@media (max-width: 768px){.text{padding-top:50px!important;padding-bottom:50px!important}.text-main h1{font-size:6rem;word-spacing:10px;padding:30px 0}.text-main h2{font-size:1.2rem!important}}@media (max-width: 480px){.text-main h1{height:10vh;place-content:center;font-size:3.4rem;word-spacing:5px;padding:20px 0}}.about-main{border-radius:50px;background-color:#000;height:80vh;color:#fff;place-content:center;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:40px}.about-main .about-text{width:50%;padding:0}.about-main .about-text h2{font-size:clamp(2.5rem,5vw,5rem);font-family:Orbitron,sans-serif;line-height:1.2;padding:20px 0;letter-spacing:clamp(4px,.8vw,8px)}.about-main .about-text p{font-size:clamp(.875rem,1.5vw,1.3rem);line-height:1.5;padding:20px 0;color:#8d8d8d;letter-spacing:clamp(1px,.3vw,3px)}.about-main .about-gif{width:35%;min-width:250px;max-width:500px;height:auto;display:flex;align-items:center;justify-content:center}.about-main .about-gif img{width:100%;height:auto;object-fit:contain}@media (min-width: 1440px){.about-main{padding:60px 80px;gap:60px}}@media (max-width: 1280px){.about-main{padding:40px;gap:30px;height:85vh}}@media (max-width: 1024px){.about-main{flex-direction:column;padding:40px 30px;gap:30px}.about-main .about-text{width:100%;text-align:center}.about-main .about-text h2{padding:15px 0}.about-main .about-text p{padding:15px 0;max-width:700px;margin:0 auto;font-size:1.4rem}.about-main .about-gif{width:60%;margin:20px auto 0}}@media (max-width: 768px){.about-main{padding:30px 20px;border-radius:30px;gap:20px;height:auto!important}.about-main .about-text h2{padding:10px 0}.about-main .about-text p{padding:10px 0;font-size:1 rem!important}.about-main .about-gif{width:70%}}@media (max-width: 600px){.about-main{padding:25px 15px;border-radius:25px}.about-main .about-gif{width:80%}}@media (max-width: 480px){.about-main{padding:30px 15px;border-radius:0}.about-main .about-text h2{padding:8px 0}.about-main .about-text p{padding:8px 0;font-size:1rem!important}.about-main .about-gif{width:100%;min-width:unset}}@media (max-width: 320px){.about-main{padding:15px 10px;border-radius:0}}@media (max-height: 600px){.about-main{min-height:auto;padding-top:20px;padding-bottom:20px}}@media (orientation: landscape) and (max-height: 500px){.about-main{flex-direction:row;min-height:auto}.about-main .about-text{width:60%;text-align:left}.about-main .about-gif{width:30%;margin:0}}.tech{background-color:#000;color:#fff;padding:2rem;position:relative;background:url(/assets/aboutbg-CMQNSOjZ.jpg) no-repeat center center/cover}.tech .tech-main{padding-top:50px;display:flex;justify-content:center;align-items:center;height:100%}.tech .tech-main .tech-text{text-align:center;border:10px solid white;height:85vh;padding:50px;width:100%;background:#0101014d;border-radius:30px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow-x:hidden!important;place-content:center;display:flex;align-items:center}.tech .tech-main .tech-text .tech-title{width:60%;padding:20px 0;border-bottom:2px solid white;border-top:2px solid white}.tech .tech-main .tech-text h2{font-size:4rem;font-family:Orbitron,sans-serif;line-height:.3;padding:20px 0;letter-spacing:8px;text-align:left;margin-bottom:2rem;place-content:center}.tech .tech-main .tech-text .tech-icons{position:relative;width:100%;height:100%;display:flex;justify-content:space-around;flex-wrap:wrap}.tech .tech-main .tech-text .tech-icons .tech-icon{width:50px;height:50px;margin:10px;animation:float 6s ease-in-out infinite}.tech .tech-main .tech-text .tech-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem}.tech .tech-main .tech-text .tech-grid .tech-category{background-color:#2e2e2e;border-radius:20px;padding:1rem;display:flex;flex-direction:column;align-items:center}.tech .tech-main .tech-text .tech-grid .tech-category h3{font-size:1.5rem;margin-bottom:1rem}.tech .tech-main .tech-text .tech-grid .tech-category ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:1rem}.tech .tech-main .tech-text .tech-grid .tech-category ul li{display:flex;flex-direction:column;align-items:center;font-size:1.2rem;margin-bottom:.5rem;text-align:center}.tech .tech-main .tech-text .tech-grid .tech-category ul li img{width:50px;height:50px;margin-bottom:.5rem}.tech .tech-main .tech-text .tech-grid .tech-category:nth-child(3),.tech .tech-main .tech-text .tech-grid .tech-category:nth-child(4),.tech .tech-main .tech-text .tech-grid .tech-category:nth-child(5){grid-column:span 1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.tech .sliding-logos{overflow:hidden;white-space:nowrap;width:100%;position:relative}.tech .sliding-logos .logo-track{display:inline-block;animation:slide 20s linear infinite}.tech .sliding-logos .logo-container{display:inline-block;width:144px;text-align:center}.tech .sliding-logos .logo-container img{width:100px;height:100px;margin:0 20px}.tech .sliding-logos .logo-container p{margin-top:10px;font-size:1.2rem;color:#fff}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){.tech-main{flex-direction:column;align-items:center;height:50vh!important}.tech-text{height:auto;padding:30px!important}.tech-title{width:80%!important}h2{font-size:2.5rem!important}.tech-icons .tech-icon{width:40px;height:40px}}@media (max-width: 768px){.tech{padding:50px 20px!important;width:calc(100vw - 40px)!important;overflow:hidden!important;height:50vh!important}.tech-text{padding:20px}h2{font-size:2.5rem}.tech-icons .tech-icon{width:35px;height:35px}}@media (max-width: 480px){.tech-text{padding:0!important;flex-direction:column;justify-content:space-around!important;align-items:space-between;height:100vh!important}.tech-text .tech-title{width:100%!important;padding:0%!important;border:none!important}.tech-text .tech-title h2{padding:0!important;font-size:2.5rem!important;text-align:center!important}.tech-icons .tech-icon{width:30px;height:30px}}.works{text-align:center;padding-top:100px}.works .works-title{font-size:5rem;font-weight:700;margin-bottom:30px;text-transform:uppercase;font-family:Orbitron,sans-serif}.works .work-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;background-size:cover;background-position:center;background-attachment:fixed}.works .work-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.works .work-section .work-content{position:relative;z-index:1;background:#ffffff1a;padding:20px 30px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.works .work-section .work-content h3{font-size:5rem;font-weight:700;margin-bottom:10px;font-family:Orbitron,sans-serif;color:#e29a28;filter:drop-shadow(0 0 5px rgba(0,99,153,.737254902))}.works .work-section .work-content p{font-size:1.2rem;font-weight:500;letter-spacing:1px}.works .work-section .work-content .work-buttons{display:flex;justify-content:center;gap:1rem}.works .work-section .work-content a{display:inline-block;margin-top:10px;padding:8px 20px;font-size:1.2rem;font-weight:700;color:#fff;background-color:#393328;border:2px solid #ffffff;border-radius:20px;text-decoration:none;transition:background-color .3s,transform .3s}.works .work-section .work-content a:hover{background-color:#d88a1f;transform:scale(1.05)}.works .work-section .work-content a:active{background-color:#c77a1b}.works .sticky-button-container{position:sticky;bottom:2rem;width:98%;display:flex;justify-content:flex-start;z-index:100;padding:1%}.works .sticky-button-container .see-more-works{background:#101827e6;color:#61dafb;padding:.8rem 1.5rem;border:2px solid rgba(97,218,251,.5);border-radius:8px;font-size:1rem;font-weight:600;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #61dafb33;text-transform:uppercase;letter-spacing:1px}.works .sticky-button-container .see-more-works:hover{border-color:#61dafb;background:#101827f2;transform:translateY(-2px);box-shadow:0 0 20px #61dafb66}.works .sticky-button-container .see-more-works:active{transform:translateY(0)}@media (max-width: 1024px){.works-title{font-size:4rem}.work-section{height:65vh!important}.work-section .work-content{width:100%}.work-section .work-content h3{font-size:4rem}.work-section .work-content p{font-size:1rem}.work-section .work-content a{font-size:1rem;padding:6px 16px}}@media (max-width: 768px){.works-title{font-size:3rem}.work-section{height:70vh}.work-section .work-content h3{font-size:3rem}.work-section .work-content p{font-size:.875rem}.work-section .work-content a{font-size:.875rem;padding:5px 14px}.sticky-button-container{justify-content:center;padding-left:0}}@media (max-width: 480px){.works{padding-top:50px}.works-title{font-size:2rem}.work-section{height:60vh}.work-section .work-content{width:100%;padding:10px 0!important}.work-section .work-content h3{font-size:2.5rem!important}.work-section .work-content p{font-size:.75rem}.work-section .work-content a{font-size:.75rem;padding:4px 12px}}.works-page{padding:120px 5% 50px;min-height:100vh;background:linear-gradient(to bottom,#1a1a1a,#2d2d2d)}.works-page .works-page-header{text-align:center;margin-bottom:60px;color:#fff}.works-page .works-page-header h1{font-size:4rem;font-weight:700;margin-bottom:20px;font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#e29a28,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(226,154,40,.3))}.works-page .works-page-header p{font-size:1.2rem;color:#b3b3b3;max-width:600px;margin:0 auto}.works-page .works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:20px}.works-page .work-card{background:#ffffff0d;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003;transition:transform .3s ease,box-shadow .3s ease}.works-page .work-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.works-page .work-card:hover .work-card-overlay{opacity:1}.works-page .work-card .work-card-image{height:250px;background-size:cover;background-position:center;position:relative}.works-page .work-card .work-card-image .work-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.works-page .work-card .work-card-image .work-card-overlay .view-live{padding:12px 25px;background:#e29a28;color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease}.works-page .work-card .work-card-image .work-card-overlay .view-live:hover{background:#d88a1f;transform:scale(1.05)}.works-page .work-card .work-card-content{padding:20px;color:#fff}.works-page .work-card .work-card-content h3{font-size:1.5rem;margin-bottom:10px;font-family:Orbitron,sans-serif;color:#e29a28}.works-page .work-card .work-card-content p{color:#b3b3b3;font-size:1rem}.works-page .work-card-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;flex-wrap:wrap}.works-page .technologies-container{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.works-page .tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #667eea4d;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;cursor:default;transition:all .3s ease}.works-page .tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #667eea80}.works-page .action-buttons{display:flex;gap:8px;flex-shrink:0}.works-page .action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:20px;font-size:14px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.works-page .action-btn:hover{transform:translateY(-2px);text-decoration:none;color:#fff}.works-page .live-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.works-page .live-btn:hover{box-shadow:0 6px 20px #667eea99}.works-page .github-btn{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 4px 15px #2c3e5066}.works-page .github-btn:hover{box-shadow:0 6px 20px #2c3e5099}@media (max-width: 768px){.works-page{padding:100px 20px 40px}.works-page .works-page-header h1{font-size:3rem}.works-page .works-page-header p{font-size:1rem}.works-page .works-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px}}@media (max-width: 480px){.works-page{padding:80px 15px 30px}.works-page .works-page-header h1{font-size:2.5rem}.works-page .works-grid{grid-template-columns:1fr;gap:15px}}.blogs-page{min-height:100vh;padding:120px 5% 50px;background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:#fff}.blogs-page .blogs-header{text-align:center;margin-bottom:30px}.blogs-page .blogs-header h1{font-size:4rem;font-weight:700;margin-bottom:20px;font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#61dafb,#00ff9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(97,218,251,.3))}.blogs-page .blogs-header p{font-size:1.2rem;color:#b3b3b3;max-width:600px;margin:0 auto}.blogs-page .blogs-filters{margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.blogs-page .blogs-filters .search-bar{margin-bottom:20px;width:100%;display:flex;justify-content:center}.blogs-page .blogs-filters .search-bar input{width:calc(100% - 24px);max-width:500px;padding:12px 15px;border:2px solid rgba(97,218,251,.3);border-radius:8px;background:#101827cc;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.blogs-page .blogs-filters .search-bar input:focus{outline:none;border-color:#61dafb;box-shadow:0 0 15px #61dafb33}.blogs-page .blogs-filters .search-bar input::placeholder{color:#888}.blogs-page .blogs-filters .categories{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.blogs-page .blogs-filters .categories .category-btn{padding:8px 20px;border:1px solid rgba(97,218,251,.3);border-radius:20px;background:transparent;color:#888;cursor:pointer;transition:all .3s ease;font-size:.9rem}.blogs-page .blogs-filters .categories .category-btn:hover{border-color:#61dafb;color:#61dafb}.blogs-page .blogs-filters .categories .category-btn.active{background:#61dafb1a;border-color:#61dafb;color:#61dafb;box-shadow:0 0 15px #61dafb33}.blogs-page .blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:20px 0}.blogs-page .blogs-grid .blog-card{background:#ffffff0d;border-radius:15px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;position:relative}.blogs-page .blogs-grid .blog-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#61dafb0d;opacity:0;transition:opacity .3s ease;pointer-events:none}.blogs-page .blogs-grid .blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003;border-color:#61dafb4d}.blogs-page .blogs-grid .blog-card:hover:before{opacity:1}.blogs-page .blogs-grid .blog-card:hover h2{color:#00ff9d}.blogs-page .blogs-grid .blog-card .blog-image{position:relative;height:200px}.blogs-page .blogs-grid .blog-card .blog-image img{width:100%;height:100%;object-fit:cover}.blogs-page .blogs-grid .blog-card .blog-image .blog-category{position:absolute;top:15px;right:15px;padding:5px 15px;background:#61dafbe6;color:#1a1a1a;border-radius:15px;font-size:.8rem;font-weight:600}.blogs-page .blogs-grid .blog-card .blog-content{padding:20px}.blogs-page .blogs-grid .blog-card .blog-content .blog-meta{display:flex;justify-content:space-between;color:#888;font-size:.85rem;margin-bottom:10px}.blogs-page .blogs-grid .blog-card .blog-content h2{font-size:1.3rem;margin-bottom:10px;color:#61dafb;font-family:Orbitron,sans-serif}.blogs-page .blogs-grid .blog-card .blog-content p{color:#b3b3b3;font-size:.9rem;line-height:1.5;margin-bottom:15px}.blogs-page .blogs-grid .blog-card .blog-content .blog-tags{display:flex;gap:8px;flex-wrap:wrap}.blogs-page .blogs-grid .blog-card .blog-content .blog-tags .tag{padding:4px 12px;background:#61dafb1a;border-radius:12px;font-size:.8rem;color:#61dafb}@media (max-width: 768px){.blogs-page{padding:100px 20px 40px}.blogs-page .blogs-header h1{font-size:3rem}.blogs-page .blogs-header p{font-size:1rem}.blogs-page .blogs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 480px){.blogs-page{padding:80px 15px 30px}.blogs-page .blogs-header h1{font-size:2.5rem}.blogs-page .blogs-grid{grid-template-columns:1fr;gap:15px}}.blog-post-page{min-height:100vh;background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:#fff}.blog-post-page .container{max-width:1200px;margin:0 auto;padding:0 5%}.blog-post-page .blog-post-header{padding:180px 0 40px;background:#0000004d}.blog-post-page .blog-post-header .back-button{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-post-page .blog-post-header .back-button:hover{background:#00f5ff1a;border-color:var(--primary-glow);box-shadow:0 0 20px #00f5ff4d;transform:translate(-5px)}.blog-post-page .blog-post-header h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#61dafb,#00ff9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(97,218,251,.3))}.blog-post-page .blog-post-header .blog-meta{display:flex;gap:15px;color:#b3b3b3;font-size:1rem;align-items:center}.blog-post-page .blog-post-header .blog-meta span:nth-child(2n){color:#61dafb80}.blog-post-page .blog-post-content{padding:60px 0}.blog-post-page .blog-post-content .featured-image{height:600px;margin-bottom:40px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.blog-post-page .blog-post-content .featured-image img{width:100%;height:100%;object-fit:fill;display:block}.blog-post-page .blog-post-content .content{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#e0e0e0}.blog-post-page .blog-post-content .content p{margin-bottom:24px}.blog-post-page .blog-post-content .content .blog-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.blog-post-page .blog-post-content .content .blog-tags .tag{padding:6px 16px;background:#61dafb1a;border-radius:20px;font-size:.9rem;color:#61dafb;border:1px solid rgba(97,218,251,.3)}.blog-post-page .blog-content pre,.blog-post-page .blog-content code{background:#181c24;color:#e0e0e0;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:1em;border-radius:8px;padding:1em;margin:1.5em 0;overflow-x:auto;display:block;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:2;tab-size:2}.blog-post-page .blog-content code{padding:.2em .4em;font-size:.95em;background:#23272e;color:#ffb86c;border-radius:4px;display:inline}.blog-post-page .blog-content pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}@media (max-width: 1024px){.blog-post-page .container{padding:0 4%}.blog-post-page .blog-post-header{padding:140px 0 35px}.blog-post-page .blog-post-header h1{font-size:3rem}.blog-post-page .blog-post-header .back-button{padding:.6rem 1.2rem;font-size:.95rem}.blog-post-page .blog-post-content{padding:20px 10px!important}.blog-post-page .blog-post-content .featured-image{height:450px;margin-bottom:35px}.blog-post-page .blog-post-content .content{max-width:700px;font-size:1.05rem}}@media (max-width: 768px){.blog-post-page .container{padding:0 3.5%}.blog-post-page .blog-post-header{padding:120px 0 30px}.blog-post-page .blog-post-header h1{font-size:2.5rem;margin-bottom:15px}.blog-post-page .blog-post-header .blog-meta{font-size:.9rem;gap:10px;flex-wrap:wrap}.blog-post-page .blog-post-header .back-button{padding:.5rem 1rem;font-size:.9rem}.blog-post-page .blog-post-content{padding:40px 0}.blog-post-page .blog-post-content .featured-image{height:350px;margin-bottom:30px}.blog-post-page .blog-post-content .content{font-size:1rem;line-height:1.7}.blog-post-page .blog-post-content .content p{margin-bottom:20px}.blog-post-page .blog-post-content .blog-content pre,.blog-post-page .blog-post-content .blog-content code{font-size:.95em;padding:.8em;margin:1.2em 0}}@media (max-width: 480px){.blog-post-page .container{padding:0 20px}.blog-post-page .blog-post-header{padding:100px 0 25px}.blog-post-page .blog-post-header h1{font-size:1.8rem;margin-bottom:12px}.blog-post-page .blog-post-header .blog-meta{font-size:.85rem;gap:8px}.blog-post-page .blog-post-header .blog-meta span:nth-child(2n){display:none}.blog-post-page .blog-post-header .back-button{padding:.4rem .8rem;font-size:.85rem}.blog-post-page .blog-post-content{padding:30px 0}.blog-post-page .blog-post-content .featured-image{height:250px;margin-bottom:25px;border-radius:10px}.blog-post-page .blog-post-content .content{font-size:.95rem;line-height:1.6}.blog-post-page .blog-post-content .content p{margin-bottom:16px}.blog-post-page .blog-post-content .content .blog-tags{gap:8px;margin-top:30px}.blog-post-page .blog-post-content .content .blog-tags .tag{padding:4px 12px;font-size:.8rem}.blog-post-page .blog-post-content .blog-content pre,.blog-post-page .blog-post-content .blog-content code{font-size:.9em;padding:.7em;margin:1em 0;border-radius:6px}.blog-post-page .blog-post-content .blog-content code{padding:.15em .3em}}@media (max-width: 360px){.blog-post-page .blog-post-header{padding:90px 0 20px}.blog-post-page .blog-post-header h1{font-size:1.6rem}.blog-post-page .blog-post-header .blog-meta{font-size:.8rem}.blog-post-page .blog-post-content .featured-image{height:200px}.blog-post-page .blog-post-content .content{font-size:.9rem}.blog-post-page .blog-post-content .blog-content pre,.blog-post-page .blog-post-content .blog-content code{font-size:.85em}}@media (max-height: 600px){.blog-post-page .blog-post-header{padding:80px 0 20px}.blog-post-page .blog-post-content{padding:25px 0}.blog-post-page .blog-post-content .featured-image{height:200px}}.contact{display:flex;justify-content:center;align-items:center;padding:30px 10px;height:80vh;width:95%;margin:20px auto auto;background:url(https://i.gifer.com/E4zi.gif) no-repeat center center/cover;border-radius:30px;color:#fff;gap:20px;position:relative;margin-bottom:30px!important}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:30px}.contact>*{position:relative;z-index:1}.contact-left{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:20px}.contact-title{font-size:6rem;font-weight:900;opacity:.7;font-family:Orbitron,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:5px;padding:10px 0;border-top:2px solid white;border-bottom:2px solid white;mix-blend-mode:overlay}.social-icons{display:flex;gap:15px;padding-top:20px;align-items:center}.social-icons a{color:#fff;transition:color .3s;font-size:1.5rem}.social-icons a:hover{color:#ff7c02}@media (max-width: 1024px){.contact{flex-direction:column;height:auto;padding:20px}.contact-left{width:100%;text-align:center;padding-left:0}.contact-title{font-size:4rem;padding:15px 0}.social-icons{justify-content:center}}@media (max-width: 768px){.contact{padding:15px}.contact-title{font-size:3rem;padding:10px 0}.social-icons a{font-size:1.2rem}}@media (max-width: 480px){.contact{padding:10px!important;height:50vh!important;border-radius:0}.contact-title{font-size:2rem;padding:5px 0}.social-icons a{font-size:1rem}}footer{height:95vh;background-color:#000;color:#fff;padding:20px;place-content:center;position:relative;overflow:hidden}footer .top h1{text-align:center;font-size:9rem;font-family:Orbitron,sans-serif;margin-bottom:10px;letter-spacing:10px;word-spacing:20px;color:#e29a28}footer .bottom{display:flex;justify-content:space-between;position:absolute;bottom:10px;width:calc(100% - 40px);padding:10px}footer .bottom .bottom-left{width:30%;text-align:left;font-family:Poppins,sans-serif;letter-spacing:2px;word-spacing:5px;background-color:#e29a28;padding:15px;border-radius:20px;color:#1a1a1a}footer .bottom .bottom-left p{font-size:1.8rem;font-weight:700;color:#1a1a1a;font-family:Orbitron,sans-serif;margin-bottom:10px}footer .bottom .bottom-right{width:30%;text-align:right;font-size:1.2rem;font-family:Poppins,sans-serif;letter-spacing:2px;word-spacing:5px;background-color:#1a1a1a;padding:15px;border-radius:20px;color:#fff}footer .bottom .bottom-right a{display:flex;align-items:center;margin-bottom:10px;color:#fff;text-decoration:none;transition:color .3s}footer .bottom .bottom-right a svg{margin-right:10px}footer .bottom .bottom-right a:hover{color:#fff}@media (max-width: 1024px){.top h1{font-size:7rem;margin-bottom:15px}.bottom{flex-direction:column;align-items:center;padding:15px}.bottom .bottom-left,.bottom .bottom-right{width:80%!important;text-align:center;margin-bottom:20px;padding:20px}}@media (max-width: 768px){footer{height:auto}.top h1{font-size:4rem!important;margin-bottom:10px!important}.bottom-left p,.bottom-right p{font-size:1.5rem}.bottom{padding:10px!important;position:static!important}.bottom-left,.bottom-right{width:100%!important;padding:10px!important}}@media (max-width: 480px){footer{padding:20px 0!important}.top h1{font-size:3rem;margin-bottom:5px}.bottom-left p,.bottom-right p{font-size:1.2rem!important}.bottom{padding:5px;align-items:center;width:100%!important}.bottom-left,.bottom-right{padding:10px;font-size:1rem!important;width:100%!important}}:root{--primary-glow: #00f5ff;--secondary-glow: #ff0080;--accent-glow: #00ff88;--bg-dark: #0a0a0f;--bg-darker: #050508;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a0a0a8;--tech-bg: rgba(0, 245, 255, .1);--tech-border: rgba(0, 245, 255, .3)}.work-detail-container{min-height:100vh;position:relative;font-family:Orbitron,sans-serif;background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.work-detail-container .animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%)}.work-detail-container .grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.work-detail-container .floating-particles{position:absolute;width:100%;height:100%;overflow:hidden}.work-detail-container .particle{position:absolute;width:2px;height:2px;background:var(--primary-glow);border-radius:50%;animation:float 6s ease-in-out infinite;box-shadow:0 0 10px var(--primary-glow)}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.work-detail-container .work-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.work-detail-container .nav-back-btn{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:10rem;right:2rem;z-index:10}.work-detail-container .nav-back-btn:hover{background:#00f5ff1a;border-color:var(--primary-glow);box-shadow:0 0 20px #00f5ff4d;transform:translate(-5px)}.work-detail-container .work-hero{padding:8rem 2rem 4rem;max-width:1400px;margin:0 auto}.work-detail-container .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.work-detail-container .hero-info{z-index:10}.work-detail-container .work-category-badge{display:inline-block;background:var(--tech-bg);border:1px solid var(--tech-border);color:var(--primary-glow);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-weight:500}.work-detail-container .work-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.1;font-family:Orbitron,sans-serif}.work-detail-container .work-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.work-detail-container .tech-stack{margin-bottom:2.5rem}.work-detail-container .tech-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-family:Orbitron,sans-serif;font-weight:500}.work-detail-container .tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.work-detail-container .tech-tag{background:var(--glass-bg);border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-family:Orbitron,sans-serif;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.work-detail-container .tech-tag:hover{background:#00f5ff1a;border-color:var(--primary-glow);transform:translateY(-2px);box-shadow:0 0 20px #00f5ff4d}.work-detail-container .action-buttons{display:flex;gap:1rem}.work-detail-container .cyber-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:500;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none}.work-detail-container .cyber-button.primary{background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));color:var(--bg-dark);box-shadow:0 10px 30px #00f5ff4d}.work-detail-container .cyber-button.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-detail-container .cyber-button:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00f5ff66}.work-detail-container .cyber-button.secondary:hover{background:#00f5ff1a;border-color:var(--primary-glow)}.work-detail-container .hero-image{position:relative}.work-detail-container .image-frame{position:relative;border-radius:20px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-detail-container .image-frame img{width:100%;height:auto;display:block;transition:transform .5s ease}.work-detail-container .image-frame:hover img{transform:scale(1.05)}.work-detail-container .image-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,245,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.work-detail-container .image-frame:hover .image-glow{opacity:1}.work-detail-container .work-gallery{padding:4rem 2rem;max-width:1400px;margin:0 auto}.work-detail-container .gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;font-family:Orbitron,sans-serif;font-weight:500}.work-detail-container .gallery-header h2{font-size:2.5rem;font-weight:700;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-detail-container .gallery-nav{display:flex;gap:.5rem}.work-detail-container .nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--glass-border);background:transparent;cursor:pointer;transition:all .3s ease}.work-detail-container .nav-dot.active{background:var(--primary-glow);border-color:var(--primary-glow);box-shadow:0 0 10px var(--primary-glow)}.work-detail-container .gallery-container{display:grid;grid-template-columns:1fr 200px;gap:2rem}.work-detail-container .main-showcase{position:relative;border-radius:20px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-detail-container .showcase-image{position:relative;width:100%;height:500px;overflow:hidden}.work-detail-container .showcase-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.work-detail-container .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,245,255,.1) 50%,transparent 52%);pointer-events:none}.work-detail-container .scan-line{position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.work-detail-container .gallery-thumbnails{display:flex;flex-direction:column;gap:1rem}.work-detail-container .thumbnail{width:100%;height:120px;border-radius:12px;overflow:hidden;border:2px solid var(--glass-border);cursor:pointer;transition:all .3s ease;position:relative}.work-detail-container .thumbnail.active{border-color:var(--primary-glow);box-shadow:0 0 20px #00f5ff4d}.work-detail-container .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.work-detail-container .thumbnail:hover img{transform:scale(1.1)}.work-detail-container .work-footer{padding:4rem 2rem 2rem;text-align:center}.work-detail-container .footer-line{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);margin:0 auto 2rem}.work-detail-container .footer-content p{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.work-detail-container .work-nav{padding:1rem}.work-detail-container .work-hero{padding:6rem 1rem 2rem}.work-detail-container .hero-content{grid-template-columns:1fr;gap:2rem}.work-detail-container .work-title{font-size:2.5rem}.work-detail-container .action-buttons{flex-direction:column}.work-detail-container .gallery-container{grid-template-columns:1fr;gap:1rem}.work-detail-container .gallery-thumbnails{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.work-detail-container .thumbnail{min-width:120px;height:80px}.work-detail-container .work-gallery{padding:2rem 1rem}.work-detail-container .gallery-header{flex-direction:column;gap:1rem}}.work-detail-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-dark)}.cyber-loader{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-ring{width:60px;height:60px;border:2px solid var(--glass-border);border-top:2px solid var(--primary-glow);border-radius:50%;animation:spin 1s linear infinite;position:absolute}.loader-ring:nth-child(2){width:80px;height:80px;animation-duration:1.5s;animation-direction:reverse}.loader-ring:nth-child(3){width:100px;height:100px;animation-duration:2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{color:var(--text-primary);font-family:Orbitron,sans-serif;font-weight:500;margin-top:4rem}.work-detail-error{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-dark)}.error-container{text-align:center}.glitch-text{font-size:3rem;font-weight:700;color:var(--primary-glow);position:relative;margin-bottom:2rem}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 1s infinite;color:var(--secondary-glow);z-index:-1}.glitch-text:after{animation:glitch-2 1s infinite;color:var(--accent-glow);z-index:-2}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-2px,-2px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(2px,2px)}}
