@import url("https://fonts.googleapis.com/css?family=Coustard:900&display=swap");:root{--primary-color:#c471ed;--secondary-color:#f64f59;--circle-size:20px;--animation-duration:20s}.particle-container{position:relative;width:100%;overflow:hidden;z-index:0}.particles{position:absolute;width:100%;height:100%;z-index:1}.circle{position:absolute;border-radius:50%;opacity:.6;animation:moveUp var(--animation-duration) linear infinite;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.circle:first-child{width:20px;height:20px;top:90%;left:10%;animation-delay:0s}.circle:nth-child(2){width:25px;height:25px;top:95%;left:20%;animation-delay:2s}.circle:nth-child(3){width:10px;height:10px;top:92%;left:30%;animation-delay:4s}.circle:nth-child(4){width:15px;height:15px;top:96%;left:40%;animation-delay:6s}.circle:nth-child(5){width:30px;height:30px;top:94%;left:50%;animation-delay:8s}.circle:nth-child(6){width:12px;height:12px;top:93%;left:60%;animation-delay:10s}.circle:nth-child(7){width:18px;height:18px;top:91%;left:70%;animation-delay:12s}.circle:nth-child(8){width:22px;height:22px;top:95%;left:80%;animation-delay:14s}.circle:nth-child(9){width:16px;height:16px;top:97%;left:90%;animation-delay:16s}.circle:nth-child(10){width:20px;height:20px;top:93%;left:95%;animation-delay:18s}@keyframes moveUp{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-120vh) scale(.5);opacity:0}}.home-hero{position:relative;height:fit-content;z-index:2;display:flex;align-items:center;justify-content:center}.home-hero-content{text-align:center;color:#fff;font-family:Coustard,serif;font-size:2rem}.button{display:inline-block;margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(90deg,#c471ed,#f64f59);color:#fff;text-decoration:none;border-radius:999px;font-weight:700}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes spin-slow{to{transform:rotate(1turn)}}.spin-slow{animation:spin-slow 6s linear infinite}@keyframes gradientShift{0%,to{background-position:100% 50%}50%{background-position:0 50%}}@keyframes slideRightToLeft{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.slide-text{animation:scroll-left 30s linear infinite}.float-animation{animation:floatUp 3s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.scale-in{animation:scaleIn .5s ease-out forwards}.gradient-animate{background:linear-gradient(90deg,#1131a6,#1131a6 83.34%,#f70105);background-size:400% 400%;animation:gradientShift 8s ease infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-1000{animation-delay:1s}.delay-1500{animation-delay:1.5s}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.smooth-bounce{animation:floatUp 2s ease-in-out infinite}.service-card{opacity:0;transform:translateY(50px);transition:all .6s ease-out}.service-card.visible{opacity:1;transform:translateY(0)}@media screen and (min-width:1024px) and (max-width:1439px) and (min-height:600px) and (max-height:900px){.hero-section{padding-top:1rem;padding-bottom:1rem}.laptop-content{max-height:calc(100vh - 2rem);overflow:hidden}.laptop-video{max-height:220px;aspect-ratio:2/1}.laptop-spacing{gap:.75rem}}@media screen and (max-height:800px){.hero-content{transform:scale(.9);transform-origin:center}}@media screen and (max-height:700px){.hero-content{transform:scale(.85);transform-origin:center}}.right_angle_triangle{width:100%;height:100%;background:linear-gradient(90deg,#f70105,#1131a6);clip-path:polygon(100% 0,0 100%,100% 100%)}.box{width:100px;height:80px;position:absolute;bottom:0;transform-origin:bottom left;border:none;overflow:hidden}@keyframes boxMove{0%{transform:translateX(0) translateY(0)}to{transform:translateX(--end-x) translateY(--end-y)}}.boxMove{animation:boxMove 2s ease-in-out forwards}