@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.logo-container,.service-card{transition:.3s}*{font-family:Inter,sans-serif;scrollbar-width:thin}.gradient-bg{background:linear-gradient(135deg,#000,#1a1a1a 50%,#333)}.tech-gradient{background:linear-gradient(45deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-card{backdrop-filter:blur(10px)}.service-card:hover{box-shadow:0 20px 40px hsla(0,0%,100%,.1);transform:translateY(-10px)}.floating-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container:hover{transform:scale(1.05)}@keyframes scroll-portrait{0%{transform:translateX(0)}to{transform:translateX(-250%)}}@keyframes scroll-portrait-small{0%{transform:translateX(0)}to{transform:translateX(-361%)}}@keyframes scroll-tablet{0%{transform:translateX(0)}to{transform:translateX(-109%)}}@keyframes scroll-landscape{0%{transform:translateX(0)}to{transform:translateX(-90%)}}@media (max-width:450px){.animate-scroll{animation:scroll-portrait-small 20s linear infinite}}@media (min-width:451px){.animate-scroll{animation:scroll-portrait 20s linear infinite}}@media (min-width:768px){.animate-scroll{animation:scroll-tablet 20s linear infinite}}@media (min-width:1369px){.animate-scroll{animation:scroll-landscape 20s linear infinite}}.animate-scroll:hover{animation-play-state:paused}