*{margin:0;padding:0;box-sizing:border-box}.gradient-text{background:linear-gradient(to right,#9333ea,#3b82f6,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}header{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:0 20px;width:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}header img{width:25%}header .logo{width:50%}header nav span{color:#fff}header nav ul{list-style-type:none;padding:0;margin:0;display:flex}header nav ul li{margin-right:20px}header nav ul li a{text-decoration:none;color:#fff;padding:10px;transition:background-color .3s;font-size:1vw}header nav ul li a:hover{color:#2dd4bf}html,body{height:100%;margin:0;padding:0}Main{display:flex;background-color:#fff;color:#fff;flex-direction:column}Main p{font-size:3.5vw;padding:2%;color:gray}Main .gradient-button{margin-left:3%;margin-right:3%;margin-bottom:20%}Main .hero{text-align:center;background-color:#000}Main .hero .hero-bg{background:linear-gradient(to bottom right,#8b5cf626,#3b82f626,#14b8a626)}Main .hero h2{padding-top:10%;font-size:7vw;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}Main .service-section{display:flex;align-items:center;flex-direction:column}Main .contact-section{background:linear-gradient(to right,#8b5cf626,#3b82f626,#14b8a626),#000;padding:4rem 1rem;text-align:center}Main .contact-section h1{font-size:5vw}Main .contact-section .contact-cards{display:flex;align-items:center;flex-direction:column}.gradient-button{background-image:linear-gradient(to right,#9333ea,#3b82f6,#2dd4bf);color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:9999px;display:inline-flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;font-family:Arial,sans-serif}.gradient-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.gradient-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.gradient-button .icon{margin-left:.5rem}.card-container{width:75vw;height:400px;perspective:1000px;cursor:pointer;margin:1rem}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000004d}.card-front{background-color:#fff}.card-front .icon{font-size:2.5rem;color:#4a90e2;margin-bottom:1rem}.card-front h2{font-size:3vw;font-weight:700;margin-bottom:.5rem;color:#333}.card-front p{text-align:center;font-size:2.8vw;color:#666}.card-back{background:linear-gradient(to right,#8b5cf626,#3b82f626,#14b8a626),linear-gradient(to right,#9333ea33,#3b82f633,#2dd4bf33),#000;transform:rotateY(180deg);color:#fff}.card-back p{text-align:center;font-size:2.5vw}.contact-card{background-color:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 4px 8px #0003;position:relative;color:#fff;margin-bottom:5%;margin-top:2%;width:80%;background:linear-gradient(to right,#9333ea33,#3b82f633,#2dd4bf33)}.contact-card .icon{font-size:40px;color:#06f;margin-bottom:10px}.form{display:grid;place-items:center}.contactUs{background-color:#fff;border-radius:10px;width:50%;text-align:center;box-shadow:0 0 60px #ffffff80}.contactUs label{color:#000}.contactUs input{border-radius:10%;border-color:#d3d3d3}footer{display:flex;justify-content:right;background-color:#555;color:#fff;padding:1%}