@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";
body{color:#fff;background:#000;font-family:Outfit,sans-serif}a{text-decoration:none}.services-section{text-align:center;background:#000;padding:1rem 2rem;overflow:hidden}.services-heading h2{color:#fff;margin-bottom:1rem;font-size:2.6rem;font-weight:700}.services-heading p{color:#a1a1a1;max-width:640px;margin:0 auto 3rem;font-size:1rem;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:2rem;display:grid}.service-card{cursor:grab;perspective:1000px;width:100%;max-width:300px;min-height:300px;animation:.8s forwards fadeIn}.card-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:1rem;width:100%;height:100%;padding:2rem;transition:transform .45s,box-shadow .45s}.service-card:hover .card-inner{transform:scale(1.08);box-shadow:0 0 35px rgba(255,255,255,.08),inset 0 0 20px rgba(255,255,255,.05)}.service-card:active{cursor:grabbing}.icon-box{background:0 0;border:1.5px solid;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.3rem;font-size:2rem;transition:all .4s;display:flex;position:relative}.icon-box:after{content:"";opacity:.5;border:1.5px solid;border-radius:16px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.service-card:hover .icon-box:after{opacity:1;transform:scale(1.1)}.service-card:hover .icon-box{transform:scale(1.1)}.service-card h3{color:#fff;margin-bottom:.6rem;font-size:1.3rem;font-weight:600}.service-card p{color:#cfcfcf;font-size:.93rem;font-weight:400;line-height:1.5}.border-cyan{color:#0ff}.border-yellow{color:#facc15}.border-pink{color:#ec4899}.border-blue{color:#3b82f6}.border-green{color:#22c55e}.border-purple{color:#a855f7}.border-red{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.services-section{padding:4rem 1.5rem}.service-card{max-width:100%;min-height:260px}}@media (max-width:480px){.icon-box{width:60px;height:60px;font-size:1.7rem}}