@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#8b5cf6);border:2px solid #0f172a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#93c5fd,#a78bfa)}[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)}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#030712b3;border-bottom:1px solid #ffffff14;left:0;padding:14px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:12px;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.nav-logo:hover{transform:translateY(-1px)}.nav-logo-icon{color:#60a5fa;font-size:1.25rem}.nav-logo-text{align-items:center;display:flex;gap:8px}.brand-name{color:#f8fafc;font-family:system-ui,sans-serif;font-family:var(--font-sans,system-ui,sans-serif);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.nav-github-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px;text-decoration:none;transition:all .25s ease}.btn-github-icon{color:#94a3b8;font-size:1rem;transition:color .2s ease}.btn-star-icon{color:#eab308;font-size:.95rem;transition:transform .2s ease}.nav-github-btn:hover{background:#ffffff14;border-color:#ffffff40;box-shadow:0 4px 20px #0006;transform:translateY(-1px)}.nav-github-btn:hover .btn-github-icon{color:#fff}.nav-github-btn:hover .btn-star-icon{transform:scale(1.15) rotate(12deg)}@media (max-width:640px){.navbar{padding:10px 0}.nav-container{padding:0 16px}.btn-text{display:none}.nav-github-btn{padding:8px 12px}}.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712d9;border-top:1px solid #ffffff0f;color:#f8fafc;padding:60px 0 36px;position:relative;z-index:10}.footer:before{background:linear-gradient(90deg,#0000,#3b82f680 35%,#a855f780 65%,#0000);content:"";height:1px;left:10%;position:absolute;right:10%;top:-1px}.footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2.2fr 1fr 1.2fr;margin-bottom:100px}.footer-brand{align-items:center;display:flex;gap:10px;margin-bottom:16px}.footer-logo-icon{color:#60a5fa;font-size:1.1rem}.footer-brand-name{color:#f8fafc;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.footer-description{color:#94a3b8;font-size:.925rem;line-height:1.65;max-width:380px}.footer-title{color:#f8fafc;font-size:.825rem;font-weight:700;letter-spacing:.08em;margin-bottom:20px;text-transform:uppercase}.footer-list{list-style:none;margin:0;padding:0}.footer-list li{margin-bottom:12px}.footer-link{align-items:center;color:#94a3b8;display:inline-flex;font-size:.925rem;font-weight:400;gap:8px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.footer-link:hover{color:#60a5fa;transform:translateX(3px)}.footer-link.external{align-items:center;display:flex;gap:8px;justify-content:flex-start}.footer-icon{color:#64748b;font-size:1.1rem;transition:color .2s ease}.footer-icon.youtube{color:#ef4444}.external-arrow{color:#64748b;font-size:.85rem;opacity:.6;transition:all .2s ease}.footer-link.external:hover .footer-icon{color:#f8fafc}.footer-link.external:hover .external-arrow{color:#60a5fa;opacity:1;transform:translate(2px,-2px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:28px}.author-credit,.copyright{color:#64748b;font-size:.875rem}.heart-icon{display:inline-block;font-size:.85rem}.author-name{color:#f8fafc;font-weight:600}@media (max-width:900px){.footer-content{gap:36px;grid-template-columns:1fr 1fr}.footer-section.about{grid-column:span 2}}@media (max-width:580px){.footer{padding:50px 0 28px}.footer-content{gap:32px;grid-template-columns:1fr;margin-bottom:50px}.footer-section.about{grid-column:span 1}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}:root{--primary:#3b82f6;--primary-glow:#3b82f640;--accent:#a855f7;--accent-glow:#a855f733;--bg-dark:#030712;--bg-card:#0f172aa6;--editor-bg:#090d16;--glass:#ffffff08;--glass-hover:#ffffff12;--border:#ffffff14;--border-hover:#ffffff2e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"Fira Code","JetBrains Mono",Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans)}.main-wrapper,body{background-color:#030712;background-color:var(--bg-dark)}.main-wrapper{min-height:100vh;overflow-x:hidden;position:relative;z-index:1}.hero-container{align-items:center;background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0),radial-gradient(circle at 50% 130%,#46556e80 0,#0000 60%),radial-gradient(circle at 50% 130%,#6366f166 0,#0000 70%),radial-gradient(circle at 50% 130%,#b5b8d04d 0,#0000 80%);background-position:-1px -1px,-1px -1px,0 0,0 0,0 0;background-size:40px 40px,40px 40px,100% 100%,100% 100%,100% 100%;display:flex;flex-direction:column;justify-content:center;padding:120px 24px 100px;position:relative;text-align:center;width:100%;z-index:2}.hero-container:before{background:radial-gradient(circle at 50% 60%,#0000 20%,#030712 90%);background:radial-gradient(circle at 50% 60%,#0000 20%,var(--bg-dark) 90%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.hero-content{align-items:center;display:flex;flex-direction:column;margin-bottom:56px;max-width:820px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:9999px;color:#94a3b8;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:24px;padding:6px 16px}.badge-icon{color:#3b82f6;color:var(--primary)}.hero-title{color:#f8fafc;color:var(--text-primary);font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:20px}.text-gradient{-webkit-text-fill-color:#0000;animation:shine 6s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#a855f7 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes shine{0%,to{background-position:0}50%{background-position:100%}}.hero-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:1.125rem;font-weight:400;line-height:1.7;margin-bottom:36px;max-width:680px}.cta-group{display:flex;gap:16px;margin-bottom:40px;width:100%}.btn,.cta-group{align-items:center;justify-content:center}.btn{border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.975rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-icon{font-size:1.1rem;transition:transform .2s ease}.btn-primary{background:#f8fafc;background:var(--text-primary);border:1px solid #fff;box-shadow:0 4px 20px #ffffff26;color:#030712}.btn-primary:hover .btn-icon{transform:translateX(3px)}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--border);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff12;background:var(--glass-hover);border-color:#ffffff2e;border-color:var(--border-hover);transform:translateY(-2px)}.hero-highlights{align-items:center;border-top:1px solid #ffffff0d;display:flex;gap:32px;padding-top:16px}.highlight-item{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:500;gap:8px}.highlight-icon{color:#3b82f6;color:var(--primary);font-size:1rem}.hero-visual{display:flex;justify-content:center;width:100%}.code-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090d16;background:var(--editor-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d;max-width:900px;overflow:hidden;text-align:left;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;width:100%}.code-card:hover{border-color:#ffffff2e;border-color:var(--border-hover);box-shadow:0 30px 60px -15px #000000d9,0 0 30px #3b82f640;box-shadow:0 30px 60px -15px #000000d9,0 0 30px var(--primary-glow);transform:translateY(-4px)}.code-header{background:#ffffff08;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 18px}.code-header,.dot-group{align-items:center;display:flex}.dot-group{gap:7px;width:20%}.file-info{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-family:var(--font-mono);font-size:.825rem;gap:6px}.file-icon{color:#3b82f6;color:var(--primary);font-size:.9rem}.file-name{opacity:.9}.header-actions{display:flex;justify-content:flex-end;width:20%}.copy-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.775rem;font-weight:500;gap:6px;padding:4px 8px}.copy-btn:hover{background:#ffffff08;background:var(--glass);border-color:#ffffff14;border-color:var(--border);color:#f8fafc;color:var(--text-primary)}.code-body{overflow-x:auto;padding:20px 24px}.code-body pre{font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-family:var(--font-mono);font-size:.9rem;line-height:1.65;margin:0;tab-size:4}code[class*=language-],pre[class*=language-]{background:#0000!important;box-shadow:none!important;font-family:Fira Code,JetBrains Mono,Consolas,monospace!important;font-family:var(--font-mono)!important;text-shadow:none!important}pre[class*=language-]{margin:0!important;padding:0!important}.code-body::-webkit-scrollbar{height:6px}.code-body::-webkit-scrollbar-track{background:#0000}.code-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.code-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.hero-container{padding-bottom:60px;padding-top:110px}.hero-subtitle{font-size:1rem}.hero-highlights{display:none}.code-card{border-radius:12px;border-radius:var(--radius-md);margin-top:-40px;max-width:100%}}@media (max-width:520px){.cta-group{flex-direction:column;width:100%}.btn{width:100%}.dot-group,.header-actions{width:auto}.copy-text{display:none}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.about-section{border-top:1px solid #ffffff0d;padding:100px 24px;position:relative;z-index:2}.about-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin:0 auto;max-width:1200px}.section-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f640;border-radius:9999px;color:#60a5fa;display:inline-flex;font-size:.825rem;font-weight:600;gap:8px;margin-bottom:20px;padding:6px 14px}.badge-icon{font-size:.9rem}.about-title{color:#f8fafc;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:24px}.story-content p{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin-bottom:18px}.story-content strong{color:#f8fafc}.story-content em{color:#3b82f6;font-style:normal;font-weight:500}.quote-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border-left:3px solid #3b82f6;border-radius:0 12px 12px 0;color:#f8fafc;font-size:1.1rem;font-weight:600;margin:24px 0;padding:18px 24px;position:relative}.quote-symbol{color:#3b82f6;font-size:1.5rem;line-height:0;margin-right:6px}.about-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.about-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1)}.about-card:hover{background:#0f172acc;border-color:#3b82f64d;box-shadow:0 12px 30px -10px #00000080;transform:translateY(-4px)}.card-icon-wrap{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:#60a5fa;display:flex;font-size:1.2rem;height:44px;justify-content:center;margin-bottom:16px;width:44px}.card-info h3{color:#f8fafc;font-size:1.1rem;font-weight:700;margin-bottom:6px}.card-info p{color:#94a3b8;font-size:.875rem;line-height:1.5}.about-banner-card{align-items:center;background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid #3b82f640;border-radius:16px;display:flex;gap:16px;grid-column:span 2;padding:20px 24px}.banner-icon{color:#10b981;flex-shrink:0;font-size:1.6rem}.banner-text h4{color:#f8fafc;font-size:1rem;font-weight:700;margin-bottom:2px}.banner-text p{color:#94a3b8;font-size:.85rem}@media (max-width:1050px){.about-container{gap:40px;grid-template-columns:1fr}}@media (max-width:580px){.about-section{padding:60px 18px}.about-grid{grid-template-columns:1fr}.about-banner-card{grid-column:span 1}}.how-to-use-section{border-top:1px solid #ffffff0d;padding:100px 24px;position:relative;z-index:2}.how-container{margin:0 auto;max-width:1200px}.how-header{align-items:center;display:flex;flex-direction:column;margin-bottom:60px;text-align:center}.alt-badge{background:#a855f71a!important;border-color:#a855f740!important;color:#a855f7!important}.how-title{color:#f8fafc;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:16px}.how-subtitle{color:#94a3b8;font-size:1.075rem;line-height:1.65;max-width:640px}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:48px}.step-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff14;border-radius:18px;padding:28px 24px;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1)}.step-card:hover{background:#0f172ad9;border-color:#a855f74d;transform:translateY(-4px)}.step-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.step-number{background:#a855f71a;border:1px solid #a855f733;border-radius:8px;color:#a855f7;font-family:monospace;font-family:var(--font-mono,monospace);font-size:1.25rem;font-weight:800;padding:4px 10px}.step-icon-box{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#60a5fa;display:flex;font-size:1.2rem;height:42px;justify-content:center;transition:transform .3s ease;width:42px}.step-card:hover .step-icon-box{background:#3b82f61f;border-color:#3b82f64d;transform:scale(1.1)}.step-title{color:#f8fafc;font-size:1.15rem;font-weight:700;line-height:1.35;margin-bottom:10px}.step-desc{color:#94a3b8;font-size:.9rem;line-height:1.6}.practice-banner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f714,#3b82f614);border:1px solid #a855f733;border-radius:16px;display:flex;gap:20px;padding:20px 28px}.banner-badge{background:#a855f733;border-radius:8px;color:#f8fafc;font-size:.825rem;font-weight:700;padding:6px 14px;white-space:nowrap}.practice-banner p{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.how-to-use-section{padding:60px 18px}.steps-grid{gap:16px;grid-template-columns:1fr}.practice-banner{align-items:flex-start;flex-direction:column;gap:12px}}.cta-section{border-top:1px solid #ffffff0d;padding:40px 24px 80px;position:relative;z-index:2}.cta-container{margin:0 auto;max-width:1000px;position:relative}.cta-box{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;display:flex;flex-direction:column;padding:60px 40px;text-align:center}.cta-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f640;border-radius:9999px;color:#60a5fa;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:24px;padding:6px 16px}.badge-icon{font-size:.95rem}.cta-title{color:#f8fafc;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:20px}.cta-desc{color:#94a3b8;font-size:1.075rem;line-height:1.7;margin-bottom:36px;max-width:680px}.cta-actions{display:flex;justify-content:center;margin-bottom:28px}.cta-btn-main{border-radius:12px;font-size:1rem;gap:12px;padding:16px 32px}.btn-arrow{font-size:1.05rem;transition:transform .25s ease}.cta-btn-main:hover .btn-arrow{transform:translateX(4px)}.cta-footer-note{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:8px}.heart-icon{color:#ef4444;font-size:.95rem}@media (max-width:768px){.cta-section{padding:60px 18px 80px}.cta-box{padding:40px 20px}.cta-btn-main{justify-content:center;width:100%}}@media (max-width:600px){.cta-section{padding:30px 18px}.heart-icon{display:none}}.levels-section{margin:0 auto;max-width:1080px;padding:120px 24px 100px;position:relative;z-index:2}.levels-header{align-items:center;display:flex;flex-direction:column;margin-bottom:54px;text-align:center}.header-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:.825rem;font-weight:500;gap:8px;margin-bottom:20px;padding:6px 16px}.header-badge-icon{color:#3b82f6;font-size:.95rem}.levels-title{color:#f8fafc;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:14px}.levels-subtitle{color:#94a3b8;font-size:1.075rem;line-height:1.65;max-width:620px}.levels-stack{display:flex;flex-direction:column;gap:24px}.level-card-wide{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #ffffff14;border-radius:18px;display:flex;gap:28px;overflow:hidden;padding:28px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.tier-beginner{--accent-color:#10b981;--accent-bg:#10b9811a;--accent-border:#10b98140;--accent-glow:#10b98126}.tier-intermediate{--accent-color:#3b82f6;--accent-bg:#3b82f61a;--accent-border:#3b82f640;--accent-glow:#3b82f626}.tier-advanced{--accent-color:#f43f5e;--accent-bg:#f43f5e1a;--accent-border:#f43f5e40;--accent-glow:#f43f5e26}.level-card-wide:hover{background:#0f172ad9;border-color:var(--accent-border);transform:translateY(-3px)}.card-icon-box{align-items:center;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:14px;color:var(--accent-color);display:flex;font-size:1.6rem;height:68px;justify-content:center;min-width:68px;transition:transform .3s ease;width:68px}.level-card-wide:hover .card-icon-box{transform:scale(1.05)}.card-main-content{flex:1 1}.card-header{justify-content:space-between;margin-bottom:8px}.card-header,.card-title-group{align-items:center;display:flex}.card-title-group{flex-wrap:wrap;gap:14px}.card-title-group h2{color:#f8fafc;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0}.prog-count{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:9999px;color:var(--accent-color);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.8rem;font-weight:600;padding:3px 10px}.card-description{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:16px}.topics-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.topics-label{align-items:center;color:#64748b;display:flex;font-size:.825rem;font-weight:600;gap:6px;padding-top:4px}.topics-flex{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.topic-tag{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#cbd5e1;font-size:.775rem;padding:4px 10px;transition:all .2s ease}.level-card-wide:hover .topic-tag{background:#ffffff12;border-color:#ffffff26}.card-action{align-items:center;display:flex}.btn-explore{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;color:#f8fafc;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .25s ease;white-space:nowrap}.arrow-icon{font-size:.95rem;transition:transform .25s ease}.level-card-wide:hover .btn-explore{background:#f8fafc;border-color:#f8fafc;box-shadow:0 4px 15px #fff3;color:#030712}.level-card-wide:hover .arrow-icon{transform:translateX(4px)}@media (max-width:820px){.level-card-wide{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.card-action{justify-content:flex-end;margin-top:8px;width:100%}.btn-explore{justify-content:center;width:100%}}@media (max-width:540px){.levels-section{padding-top:100px}.card-title-group{align-items:flex-start;gap:6px}.card-title-group,.topics-wrapper{flex-direction:column}.card-icon-box{font-size:1.4rem;height:60px;min-width:50px;width:60px}}.level-page-container{margin:0 auto;max-width:1120px;padding:120px 24px 100px;position:relative;z-index:2}.level-header-title{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;text-align:center}.header-meta{align-items:center;display:flex;gap:12px;margin-bottom:16px}.level-badge{border-radius:9999px;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:5px 14px;text-transform:uppercase}.count-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;color:#94a3b8;font-size:.825rem;font-weight:500;padding:4px 12px}.level-header-title h1{color:#f8fafc;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.level-header-title p{color:#94a3b8;font-size:1.075rem;line-height:1.65;margin-bottom:32px;max-width:640px}.search-box-wrapper{max-width:520px;position:relative;width:100%}.search-icon{color:#64748b;font-size:1.1rem;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:100}.search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#f8fafc;font-size:.95rem;outline:none;padding:14px 18px 14px 48px;transition:all .25s ease;width:100%}.search-input::placeholder{color:#64748b}.search-input:focus{background:#0f172ad9;border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:0 0 20px #3b82f640;box-shadow:0 0 20px var(--accent-glow,#3b82f640)}.search-box-wrapper:focus-within .search-icon{color:#3b82f6;color:var(--accent-color,#3b82f6)}.programs-grid-list{display:flex;flex-direction:column;gap:18px}.program-card-premium{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:24px;justify-content:space-between;padding:24px 28px;transition:all .25s cubic-bezier(.16,1,.3,1)}.program-card-premium:hover{background:#0f172acc;border-color:var(--accent-border);transform:translateY(-2px)}.card-left{align-items:flex-start;display:flex;flex:1 1;gap:20px}.card-icon-mini{align-items:center;border:1px solid #0000;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-top:2px;min-width:48px;width:48px}.card-text{flex:1 1}.card-text h3{color:#f8fafc;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.card-text p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.925rem;line-height:1.6;margin-bottom:12px;max-width:680px;overflow:hidden}.topics-pill-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tag-icon{color:#64748b;font-size:.85rem}.topic-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#cbd5e1;font-size:.775rem;font-weight:400;padding:3px 10px;transition:all .2s ease}.program-card-premium:hover .topic-pill{background:#ffffff14;border-color:#ffffff26}.view-btn-link{flex-shrink:0;text-decoration:none}.action-view-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .25s ease;white-space:nowrap}.btn-arrow-icon{font-size:.9rem;transition:transform .2s ease}.program-card-premium:hover .action-view-btn{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);color:#fff}.program-card-premium:hover .btn-arrow-icon{transform:translateX(4px)}.tier-easy{--accent-color:#10b981;--accent-border:#10b9814d;--accent-glow:#10b98133}.badge-easy{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.easy-accent{background:#10b9811a;border-color:#10b98133;color:#10b981}.tier-medium{--accent-color:#f59e0b;--accent-border:#f59e0b4d;--accent-glow:#f59e0b33}.badge-medium{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b}.medium-accent{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.tier-hard{--accent-color:#f43f5e;--accent-border:#f43f5e4d;--accent-glow:#f43f5e33}.badge-hard{background:#f43f5e1f;border:1px solid #f43f5e40;color:#f43f5e}.hard-accent{background:#f43f5e1a;border-color:#f43f5e33;color:#f43f5e}.back-to-top-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #ffffff26;border-radius:12px;bottom:30px;box-shadow:0 10px 25px #00000080;color:#f8fafc;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:fixed;right:30px;transition:all .25s ease;width:44px;z-index:99}.back-to-top-btn:hover{background:#f8fafc;box-shadow:0 15px 30px #000000b3;color:#030712;transform:translateY(-3px)}.no-results{background:#0f172a4d;border:1px dashed #ffffff14;border-radius:16px;color:#64748b;font-size:1rem;padding:60px 20px;text-align:center}@media (max-width:850px){.level-page-container{padding:110px 18px 80px}.program-card-premium{align-items:flex-start;flex-direction:column;gap:18px;padding:20px}.view-btn-link{width:100%}.action-view-btn{justify-content:center;width:100%}}@media (max-width:600px){.card-left{flex-direction:column;gap:14px}.search-box-wrapper{max-width:100%}.back-to-top-btn{bottom:20px;height:40px;right:20px;width:40px}}.back-to-top-glass{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172abf;border:1px solid #ffffff1f;border-radius:12px;bottom:32px;box-shadow:0 10px 25px -5px #00000080,0 0 0 1px #ffffff0d;color:#60a5fa;cursor:pointer;display:flex;font-size:1.25rem;height:46px;justify-content:center;opacity:0;position:fixed;right:32px;transform:translateY(16px) scale(.92);transition:all .3s cubic-bezier(.16,1,.3,1);visibility:hidden;width:46px;z-index:9999}.back-to-top-glass.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.back-to-top-glass:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-4px)}.back-to-top-glass:active{transform:translateY(-1px) scale(.96)}.top-icon-anim{transition:transform .25s cubic-bezier(.16,1,.3,1)}.back-to-top-glass:hover .top-icon-anim{transform:translateY(-3px)}@media (max-width:600px){.back-to-top-glass{bottom:20px;font-size:1.15rem;height:42px;right:20px;width:42px}}.program-display-container{margin:0 auto;max-width:1120px;min-height:calc(100vh - 120px);padding:120px 24px 90px;position:relative;z-index:2}.program-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:36px}.breadcrumb-back{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:16px;padding:6px 0;transition:color .2s ease}.breadcrumb-back:hover{color:#3b82f6}.back-icon{font-size:.95rem;transition:transform .2s ease}.breadcrumb-back:hover .back-icon{transform:translateX(-4px)}.title-area{margin-bottom:16px}.program-title{color:#f8fafc;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:10px}.program-desc{color:#94a3b8;font-size:1.075rem;line-height:1.65;max-width:820px}.program-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#cbd5e1;font-family:system-ui,sans-serif;font-family:var(--font-sans,system-ui,sans-serif);font-size:.775rem;padding:4px 12px}.editor-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d16;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 30px 60px -15px #000000d9,0 0 30px #3b82f61f;margin-bottom:32px;overflow:hidden}.editor-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;gap:16px;justify-content:space-between;padding:10px 20px}.editor-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:20px}.window-dots{align-items:center;display:flex;gap:7px}.dot{border-radius:50%;height:10px;width:10px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.tab-group{align-items:center;display:flex;gap:4px}.tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.825rem;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s ease}.tab-btn:hover{background:#ffffff0a;color:#f8fafc}.tab-btn.active{background:#3b82f61f;border-color:#3b82f640;color:#60a5fa}.tab-icon{font-size:.9rem}.copy-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease}.copy-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.copy-icon{font-size:.85rem}.copy-icon.success{color:#10b981}.syntax-wrapper{max-height:680px;overflow-y:auto}.syntax-wrapper::-webkit-scrollbar{height:8px;width:8px}.syntax-wrapper::-webkit-scrollbar-track{background:#0000}.syntax-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.syntax-wrapper::-webkit-scrollbar-thumb:hover{background:#fff3}.terminal-output-wrapper{background:#020617;min-height:280px;padding:24px}.terminal-header-mini{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px;margin-bottom:16px}.terminal-content,.terminal-header-mini{font-family:monospace;font-family:var(--font-mono,monospace)}.terminal-content{color:#10b981;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.footer-actions{display:flex;justify-content:center;margin-top:20px}.github-source-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #ffffff1f;border-radius:12px;color:#f8fafc;display:inline-flex;font-size:.925rem;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .25s ease}.git-icon{font-size:1.1rem}.ext-icon{color:#64748b;font-size:.85rem;transition:transform .2s ease}.github-source-btn:hover{background:#fff;border-color:#fff;box-shadow:0 8px 25px #ffffff26;color:#030712;transform:translateY(-2px)}.github-source-btn:hover .ext-icon{color:#030712;transform:translate(2px,-2px)}.program-loading,.program-not-found{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.program-display-container{padding-bottom:30px;padding-top:100px}.editor-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.toolbar-left{justify-content:space-between;width:100%}.copy-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.9805fe09.css.map*/