@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 0,#1a1a1a 50%,#333 100%)}.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{transform:translateY(-10px);box-shadow:0 20px 40px rgba(255,255,255,.1)}.floating-animation{animation:6s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in{animation:1s ease-in fadeIn}@keyframes fadeIn{from{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)}100%{transform:translateX(-250%)}}@keyframes scroll-portrait-small{0%{transform:translateX(0)}100%{transform:translateX(-361%)}}@keyframes scroll-tablet{0%{transform:translateX(0)}100%{transform:translateX(-109%)}}@keyframes scroll-landscape{0%{transform:translateX(0)}100%{transform:translateX(-90%)}}@media (max-width:450px){.animate-scroll{animation:20s linear infinite scroll-portrait-small}}@media (min-width:451px){.animate-scroll{animation:20s linear infinite scroll-portrait}}@media (min-width:768px){.animate-scroll{animation:20s linear infinite scroll-tablet}}@media (min-width:1369px){.animate-scroll{animation:20s linear infinite scroll-landscape}}.animate-scroll:hover{animation-play-state:paused}