body{background-color:#0b154f;font-family:Poppins,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#080e38}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#152069,#00d692);border-radius:5px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d692,#2567ff)}.gradient-bg{animation:gradientShift 20s ease infinite;background:radial-gradient(circle at 0 0,#152069 0,transparent 30%),radial-gradient(circle at 100% 100%,#152069 0,transparent 30%);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}@keyframes gradientShift{0%,to{opacity:.6}50%{opacity:.8}}#bg-canvas{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.progress-bar{background-color:hsla(0,0%,100%,.1);border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.progress-bar:after{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(0,214,146,0),#00d692,#2567ff,rgba(37,103,255,0));content:"";height:100%;left:-50%;position:absolute;top:0;width:50%}@keyframes progress{0%{left:-50%}to{left:100%}}.service-card{display:flex;flex-direction:column;height:100%;min-height:280px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.service-card .relative.z-10{display:flex;flex-direction:column;flex-grow:1}.service-card:before{animation:gradient-border 6s ease infinite;background:linear-gradient(120deg,transparent,transparent,transparent,rgba(0,214,146,.4),rgba(37,103,255,.4));background-size:400% 400%;border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .5s ease;z-index:-1}.service-card:hover{box-shadow:0 20px 40px -10px rgba(0,214,146,.3);transform:translateY(-8px) scale(1.02)}.service-card:hover:before{opacity:1}strong{background:linear-gradient(120deg,#fff,#fff);background-clip:text;-webkit-background-clip:text;font-weight:600;position:relative}.text-teal{transition:all .3s ease}.text-teal:hover{text-shadow:0 0 20px rgba(0,214,146,.5)}.text-bright-blue{transition:all .3s ease}.text-bright-blue:hover{text-shadow:0 0 20px rgba(37,103,255,.5)}.text-purple{transition:all .3s ease}.text-purple:hover{text-shadow:0 0 20px rgba(124,95,227,.5)}.text-green{transition:all .3s ease}.text-green:hover{text-shadow:0 0 20px rgba(0,230,118,.5)}.text-orange{transition:all .3s ease}.text-orange:hover{text-shadow:0 0 20px rgba(255,107,53,.5)}.text-red{transition:all .3s ease}.text-red:hover{text-shadow:0 0 20px rgba(255,61,87,.5)}.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3{margin-top:5rem}@keyframes gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button-effect{display:block!important;opacity:1!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:visible!important;z-index:10}.button-effect:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.button-effect:hover{box-shadow:0 10px 30px -5px rgba(0,214,146,.4);transform:translateY(-2px)}.button-effect:hover:before{left:100%}.button-effect:active{transform:translateY(-1px)}#my-form-button,.hero-buttons .button-effect{opacity:1!important;visibility:visible!important}#my-form-button{background:linear-gradient(90deg,#00d692,#2567ff)!important;color:#fff!important;cursor:pointer;display:block!important;font-weight:600;letter-spacing:.025em;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:100}#my-form-button:hover{background:linear-gradient(90deg,#00c583,#1957ff)!important;box-shadow:0 15px 35px -5px rgba(0,214,146,.4);transform:translateY(-2px)}#my-form-button:focus{outline:2px solid #00d692;outline-offset:2px}.contact-form input,.contact-form textarea{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form input:focus,.contact-form textarea:focus{background-color:hsla(0,0%,100%,.08);border-color:rgba(0,214,146,.5);box-shadow:0 0 0 3px rgba(0,214,146,.1);transform:translateY(-1px)}.button-wrapper{margin-bottom:.5rem!important;margin-top:1.5rem!important}.contact-form input.border-red-500\/70,.contact-form textarea.border-red-500\/70{animation:shake .5s ease-in-out;border-color:rgba(239,68,68,.7);box-shadow:0 0 0 2px rgba(239,68,68,.2)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.contact-form input.border-teal\/50,.contact-form textarea.border-teal\/50{border-color:rgba(0,214,146,.5);box-shadow:0 0 0 2px rgba(0,214,146,.2)}#email-validation,#message-validation,#name-validation{transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-container img{max-height:50px;transition:all .3s ease;width:auto}.logo-container:hover img{filter:brightness(1.1);transform:scale(1.05)}::selection{background:rgba(0,214,146,.3);color:#fff}::-moz-selection{background:rgba(0,214,146,.3);color:#fff}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(0,214,146,.3)}50%{box-shadow:0 0 40px rgba(0,214,146,.5)}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@media (max-width:768px){.service-card{min-height:240px}.gradient-bg{animation-duration:30s}}@media (prefers-contrast:high){.button-effect:hover{outline:2px solid #fff}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #00d692}}