:root{--color-bg: #0a0e17;--color-text: #e0e6ed;--color-primary-blue: #197BDF;--color-primary-green: #7CD722;--color-accent-blue: #197BDF;--color-accent-green: #7CD722;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--gradient-main: linear-gradient(90deg, var(--color-primary-blue), var(--color-primary-green))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.8rem 2rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}.btn-primary{background:var(--color-primary-blue);color:#fff;position:relative;overflow:hidden;z-index:1}.btn-primary:before{content:"";background:var(--color-primary-green);position:absolute;top:0;bottom:0;right:0;width:120%;transform:translate(100%) skew(45deg);transition:transform .3s ease;z-index:-1;transform-origin:right}.btn-primary:hover:before{transform:translate(10%) skew(30deg)}.btn-primary:hover{box-shadow:0 4px 15px #2563eb66}.section-title{font-family:var(--font-heading);font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--color-accent-blue);font-weight:800}header{padding:1rem 0;position:fixed;width:100%;top:0;z-index:100;background:#0a0e17cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}nav{display:flex;justify-content:space-between;align-items:center}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-email{color:var(--color-primary-blue);font-weight:600;font-size:1.5rem;text-decoration:none;transition:color .3s ease}.contact-email:hover{color:var(--color-primary-green)}.nav-links{display:flex;gap:2rem}.logo-image{height:5em;display:flex;align-items:center}.logo-image img{height:100%;width:auto;margin:0 auto}.nav-links a:hover{color:var(--color-accent-blue)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(37,99,235,.1) 0%,transparent 50%);z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content h1{font-family:var(--font-heading);font-size:4rem;margin-bottom:1.5rem;line-height:1.1}.hero-content p{font-size:1.25rem;color:#a0aec0;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.services{padding:6rem 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#ffffff08;padding:2rem;border-radius:.25rem;position:relative;overflow:hidden;z-index:1;transition:transform .3s;text-align:center}.service-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(var(--color-primary-blue),var(--color-primary-green));animation:rotate 5s linear infinite;z-index:-2;opacity:0;transition:opacity .3s}.service-card:hover:before{opacity:1}.service-card:after{content:"";position:absolute;inset:1px;background:#0e121b;border-radius:.2rem;z-index:-1}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:3.5rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.service-icon svg{fill:url(#icon-gradient);width:1em;height:1em;transition:transform .3s ease}.service-card:hover .service-icon svg{transform:scale(1.1)}.service-card h3{margin-bottom:1rem;font-size:1.5rem;position:relative;z-index:1}.service-card p{color:#a0aec0;position:relative;z-index:1}.contact{padding:6rem 0;text-align:center;background:linear-gradient(to bottom,var(--color-bg),#0f1623)}.contact-content{max-width:600px;margin:0 auto}footer{padding:3rem 0;text-align:center;color:#718096;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.nav-links{display:none}}