@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.hero-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.hero-container{padding-left:1.5rem;padding-right:1.5rem}}.hero-container{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{background:linear-gradient(120deg,#f5f5f5 0%,#60a5fa 50%,#f5f5f5 100%);-webkit-text-fill-color:#0000;filter:drop-shadow(0 0 20px #3b82f64d);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}@media (max-width:768px){.hero-title{font-size:2.25rem}}@media (max-width:640px){.hero-title{font-size:1.875rem}}.hero-subtitle{color:#60a5fa;margin-bottom:2rem;font-size:1.5rem;font-weight:600}@media (max-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-description{color:#a3a3a3;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.8}@media (max-width:640px){.hero-description{font-size:1rem}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (max-width:640px){.hero-cta{flex-direction:column;align-items:center}}.hero-cta-primary{color:#f5f5f5;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;padding:1rem 2rem;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1)}.hero-cta-primary:hover{background:#2563eb}.hero-cta-primary{align-items:center;gap:.5rem;font-size:1rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f64d}.hero-cta-primary:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.hero-cta-primary svg{z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.hero-cta-primary span{z-index:1;position:relative}.hero-cta-primary:hover{box-shadow:0 6px 30px #3b82f680}.hero-cta-primary:hover:before{left:100%}.hero-cta-primary:hover svg{transform:translate(4px)}.hero-cta-secondary{color:#60a5fa;background:0 0;border:2px solid #3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.hero-cta-secondary:before{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f61a 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.hero-cta-secondary span,.hero-cta-secondary svg{z-index:1;position:relative}.hero-cta-secondary:hover{background:#3b82f60d;border-color:#60a5fa;box-shadow:0 0 20px #3b82f64d}.hero-cta-secondary:hover:before{left:100%}
@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.services{padding-top:6rem;padding-bottom:6rem}@media (max-width:768px){.services{padding-top:4rem;padding-bottom:4rem}}@media (max-width:640px){.services{padding-top:3rem;padding-bottom:3rem}}.services{position:relative}.services-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.services-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.services-container{padding-left:1.5rem;padding-right:1.5rem}}.services-header{text-align:center;margin-bottom:4rem}.services-title{color:#f5f5f5;margin-bottom:1.5rem;font-size:2.25rem}@media (max-width:768px){.services-title{font-size:1.875rem}}.services-subtitle{color:#a3a3a3;max-width:600px;margin:0 auto;font-size:1.125rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}}.services-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161db3;border:1px solid #3b82f626;border-radius:.75rem;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d}.services-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#3b82f60d 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.services-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 8px 30px #3b82f626}.services-card:hover:before{left:100%}.services-card:hover .services-card-icon{transform:scale(1.05);box-shadow:0 4px 20px #3b82f64d}.services-card-icon{color:#60a5fa;z-index:1;background:#3b82f61a;border-radius:.5rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.services-card-title{color:#f5f5f5;z-index:1;margin-bottom:1rem;font-size:1.25rem;position:relative}.services-card-description{color:#a3a3a3;z-index:1;font-size:1rem;line-height:1.7;position:relative}
@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.projects-preview{padding-top:6rem;padding-bottom:6rem}@media (max-width:768px){.projects-preview{padding-top:4rem;padding-bottom:4rem}}@media (max-width:640px){.projects-preview{padding-top:3rem;padding-bottom:3rem}}.projects-preview-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.projects-preview-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.projects-preview-container{padding-left:1.5rem;padding-right:1.5rem}}.projects-preview-header{text-align:center;margin-bottom:4rem}.projects-preview-title{color:#f5f5f5;margin-bottom:1.5rem;font-size:2.25rem}@media (max-width:768px){.projects-preview-title{font-size:1.875rem}}.projects-preview-subtitle{color:#a3a3a3;max-width:600px;margin:0 auto;font-size:1.125rem}.projects-preview-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:4rem;display:grid}@media (min-width:1024px){.projects-preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.projects-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-preview-grid{grid-template-columns:1fr}}.projects-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161db3;border:1px solid #3b82f626;border-radius:.75rem;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d}.projects-preview-card:hover{border-color:#3b82f666;transform:translateY(-8px);box-shadow:0 20px 50px #3b82f633,inset 0 1px #ffffff1a}.projects-preview-card:hover .projects-preview-card-image img{transform:scale(1.05)}.projects-preview-card:hover .projects-preview-card-title{color:#60a5fa}.projects-preview-card-image{background:#1e1e2a;width:100%;height:200px;position:relative;overflow:hidden}.projects-preview-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.projects-preview-card-image-placeholder{color:#a3a3a3;background:linear-gradient(135deg,#1e1e2a 0%,#3b82f608 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.projects-preview-card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.projects-preview-card-title{color:#f5f5f5;margin-bottom:1rem;font-size:1.25rem;transition:color .2s cubic-bezier(.4,0,.2,1)}.projects-preview-card-description{color:#a3a3a3;flex:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.projects-preview-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.projects-preview-card-tag{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.projects-preview-card-tag:hover{background:#3b82f626;border-color:#3b82f666}.projects-preview-cta{text-align:center}.projects-preview-cta-button{color:#f5f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2acc;border:1px solid #3b82f633;border-radius:.5rem;align-items:center;gap:.5rem;padding:1.5rem 3rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.projects-preview-cta-button:before{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f61a 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.projects-preview-cta-button svg{z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.projects-preview-cta-button span{z-index:1;position:relative}.projects-preview-cta-button:hover{color:#60a5fa;background:#16161d;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.projects-preview-cta-button:hover:before{left:100%}.projects-preview-cta-button:hover svg{transform:translate(4px)}
@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.contact-cta{padding-top:6rem;padding-bottom:6rem}@media (max-width:768px){.contact-cta{padding-top:4rem;padding-bottom:4rem}}@media (max-width:640px){.contact-cta{padding-top:3rem;padding-bottom:3rem}}.contact-cta-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.contact-cta-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.contact-cta-container{padding-left:1.5rem;padding-right:1.5rem}}.contact-cta-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161db3;border:1px solid #3b82f633;border-radius:1rem;max-width:800px;margin:0 auto;padding:6rem;position:relative;box-shadow:0 8px 32px #3b82f626,inset 0 1px #ffffff0d}@media (max-width:640px){.contact-cta-content{padding:3rem}}.contact-cta-title{color:#f5f5f5;margin-bottom:1.5rem;font-size:2.25rem}@media (max-width:768px){.contact-cta-title{font-size:1.875rem}}@media (max-width:640px){.contact-cta-title{font-size:1.5rem}}.contact-cta-description{color:#a3a3a3;margin-bottom:4rem;font-size:1.125rem;line-height:1.8}@media (max-width:640px){.contact-cta-description{font-size:1rem}}.contact-cta-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (max-width:640px){.contact-cta-actions{flex-direction:column}}.contact-cta-primary{color:#f5f5f5;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;padding:1rem 2rem;font-weight:600;transition:background .2s cubic-bezier(.4,0,.2,1)}.contact-cta-primary:hover{background:#2563eb}.contact-cta-primary{align-items:center;gap:.5rem;font-size:1rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f64d}.contact-cta-primary:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.contact-cta-primary svg{z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.contact-cta-primary span{z-index:1;position:relative}.contact-cta-primary:hover{box-shadow:0 6px 30px #3b82f680}.contact-cta-primary:hover:before{left:100%}.contact-cta-primary:hover svg{transform:translate(4px)}.contact-cta-secondary{color:#d4d4d4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ab3;border:1px solid #3b82f626;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.contact-cta-secondary:before{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f60d 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.contact-cta-secondary span,.contact-cta-secondary svg{z-index:1;position:relative}.contact-cta-secondary:hover{color:#f5f5f5;background:#16161de6;border-color:#3b82f64d}.contact-cta-secondary:hover:before{left:100%}