#services{background-color:#020617;padding:7rem 0;position:relative;overflow:hidden}.services-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.services-bg-pattern img{opacity:.12;mix-blend-mode:lighten;width:55%;position:absolute;top:55%;right:-.5%;transform:translateY(-50%);-webkit-mask-image:linear-gradient(270deg,#000 20%,#0000 90%)}.services-header{text-align:center;color:#5897e7;margin-bottom:5.5rem;font-size:14px;font-weight:600}.services-title{color:#fff;letter-spacing:-.02em;font-size:3.5rem;font-weight:800}.services-title-gradient{background:linear-gradient(90deg,#99c3fd 50%,#bfb7fd 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:4rem;display:grid}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,box-shadow;background:#0f172a99 padding-box padding-box;border:1px solid #0000;border-radius:1rem;height:195px;padding:2.25rem;transition:transform .1s ease-out,box-shadow .1s ease-out,background .1s;position:relative;overflow:hidden;text-decoration:none!important}.service-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.4;background:linear-gradient(135deg,#3b82f626 0%,#8b5cf614 50%,#3b82f626 100%);border-radius:1rem;padding:1px;transition:all .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:hover{background:#17255480;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94),background .3s;transform:translateY(-7px)scale(1.01);box-shadow:0 0 15px #3b82f626,0 10px 30px #00000080}.service-card:hover:before{opacity:1;background:linear-gradient(135deg,#3b82f680 0%,#8b5cf64d 50%,#3b82f680 100%)}.service-icon-box{color:#60a5fa;background:#ffffff08;border:1px solid #ffffff14;border-radius:.65rem;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;margin-bottom:1.5rem;transition:all .4s;display:flex}.service-card:hover .service-icon-box{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:#0000;transform:scale(1.05);box-shadow:0 0 25px #3b82f699}.service-card-title{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.service-card-desc{color:#94a3b8;font-size:.88rem;line-height:1.5}.service-card:hover .service-card-title,.service-card:hover .service-card-desc{opacity:0;transform:translateY(-12px)}.service-features{opacity:0;visibility:hidden;transition:all .4s;position:absolute;top:6.8rem;left:2.25rem;right:2.25rem;transform:translateY(10px)}.service-card:hover .service-features{opacity:1;visibility:visible;transform:translateY(0)}.service-features-title{color:#60a5fa;text-transform:uppercase;letter-spacing:.12em;width:auto;margin-bottom:.8rem;padding-bottom:.4rem;font-size:.85rem;font-weight:800}.service-features-title:after{content:"";margin-bottom:.5rem;display:block}.service-features-list{flex-direction:column;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.service-features-list li{color:#f1f5f9;align-items:center;gap:.9rem;font-size:.9rem;transition:transform .4s;display:flex}.service-features-list li:before{content:"";background:#3b82f6;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 4px #3b82f6cc}.services-cta{text-align:center;margin-top:3.5rem}.btn-start-project{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:9999px;align-items:center;gap:.6rem;padding:.7rem 2.2rem;font-size:.88rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #3b82f64d;color:#fff!important;text-decoration:none!important}.btn-start-project:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}@media (max-width:768px){.services-title{white-space:nowrap;letter-spacing:-.05em;margin-bottom:2rem;font-size:2.5rem;line-height:1.1}}@media (hover:hover){.service-card:hover{background:#17255480;transform:translateY(-7px)scale(1.01);box-shadow:0 0 15px #3b82f626,0 10px 30px #00000080}.service-card:hover:before{opacity:1;background:linear-gradient(135deg,#3b82f680,#8b5cf64d)}.service-card:hover .service-card-title,.service-card:hover .service-card-desc{opacity:0;transform:translateY(-12px)}.service-card:hover .service-features{opacity:1;visibility:visible;transform:translateY(0)}}@media screen and (max-width:768px){.services-container{padding:0 1rem}.services-grid{flex-direction:column;align-items:center;gap:1.25rem;width:100%;margin:0 auto;padding:0;display:flex}#services .service-card{width:100%;max-width:305px;height:195px;margin:0 auto;transition:background .3s,border-color .3s,box-shadow .3s;position:relative;transform:none!important}#services .service-card:not(.active-mobile):before{opacity:.4;background:linear-gradient(135deg,#3b82f626 0%,#8b5cf614 50%,#3b82f626 100%)}#services .service-card:hover{box-shadow:none!important;background:#0f172a99!important;transform:none!important}#services .service-card:hover .service-card-title,#services .service-card:hover .service-card-desc{opacity:1!important;transform:none!important}#services .service-card:hover .service-icon-box{color:#60a5fa!important;box-shadow:none!important;background:#ffffff08!important;border-color:#ffffff14!important;transform:none!important}#services .service-card:not(.active-mobile){box-shadow:none!important;background:#0f172a99!important;border-color:#0000!important}#services .service-card.active-mobile{background:#17255480!important;border-color:#3b82f680!important;box-shadow:0 0 15px #3b82f626,0 10px 30px #00000080!important}#services .service-card.active-mobile:before{opacity:1;background:linear-gradient(135deg,#3b82f680 0%,#8b5cf64d 50%,#3b82f680 100%)}#services .service-card.active-mobile .service-card-title,#services .service-card.active-mobile .service-card-desc{pointer-events:none;opacity:0!important}#services .service-card .service-features{opacity:0;visibility:hidden;padding:0 2.25rem;transition:opacity .3s;display:block;position:absolute;top:6.8rem;left:0;right:0;transform:none}#services .service-card.active-mobile .service-features{opacity:1;visibility:visible}#services .service-card.active-mobile .service-icon-box{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 0 25px #3b82f699}}
.portfolio-section{background-color:#030712;width:100%;min-height:100vh;padding:7rem 0 2rem;position:relative}.portfolio-container{max-width:1200px;margin:0 auto;padding:0 2.5rem}.portfolio-header{text-align:center;margin-bottom:4rem}.sub-title{color:#6366f1;text-transform:uppercase;letter-spacing:.2rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.main-title{color:#fff;margin:0;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800}.gradient-text{background:linear-gradient(90deg,#93c5fd,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.premium-card{background:#0f172a;border:1px solid #94a3b833;border-radius:1rem;flex-direction:column;height:100%;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.premium-card:hover{border-color:#6366f199;transform:translateY(-8px);box-shadow:0 22px 40px -18px #4f46e580}.image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.premium-card:hover .project-img{transform:scale(1.05)}.card-overlay{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:10;background:#ffffff0d;justify-content:center;align-items:center;padding:1rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.premium-card:hover .card-overlay{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-btn{color:#0f172a;background:#fffffff0;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-flex;transform:translateY(20px);box-shadow:0 10px 20px #0003}.premium-card:hover .view-btn{transform:translateY(0)}.card-image{transition:transform .6s}.premium-card:hover .card-image{transform:scale(1.05)}.project-details{flex-direction:column;flex-grow:1;padding:1.25rem;display:flex}.details-header{margin-bottom:.7rem}.category-label{color:#60a5fa;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;display:inline-block}.project-name{color:#fff;margin:.3rem 0 0;font-size:1.25rem}.project-summary{color:#94a3b8;flex-grow:1;margin:0 0 1.2rem;font-size:.95rem;line-height:1.6}.tech-pills{flex-wrap:wrap;gap:.45rem;display:flex}.pill{color:#cbd5e1;white-space:nowrap;border:1px solid #94a3b84d;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.mobile-link{color:#93c5fd;align-items:center;gap:.4rem;margin-top:1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:none}@media (max-width:767px){.portfolio-section{min-height:auto;padding:5.5rem 0 4rem}.portfolio-container{padding:0 1.25rem}.portfolio-grid{grid-template-columns:1fr}.card-overlay{display:none}.mobile-link{display:inline-flex}}
.site-footer{z-index:10;background-color:#020617;border-top:1px solid #ffffff0d;width:100%;padding:2rem 0;font-family:sans-serif;position:relative}.footer-container{justify-content:space-between;align-items:center;max-width:1250px;margin:0 auto;padding:0 2rem;display:flex}.footer-copyright{color:#94a3b8;font-size:.9rem}.footer-socials{align-items:center;gap:1.5rem;display:flex}.social-link{color:#94a3b8;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{color:#a855f7;transform:translateY(-2px)}@media (max-width:640px){.footer-container{text-align:center;flex-direction:column-reverse;gap:1.5rem}.footer-copyright{font-size:.8rem}}