body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;background-color:#e5f1ff;}.service-card:hover{transform:translateY(-5px);box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}.nav-link.active{color:rgb(59, 130, 246);border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:rgb(59, 130, 246);}.floating-element{animation-duration:6s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-blur-focus{animation-duration:4s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:blur-focus;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}@keyframes blur-focus{0%, 100%{filter:blur(20px);opacity:0;}50%{filter:blur(0px);opacity:1;}}@media (max-width: 768px){.hero-canvas{opacity:0.3;}.floating-element{animation-duration:auto;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:none;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}}