.services-section{background:linear-gradient(#000 0%,#0a0a0f 50%,#000 100%);width:100%;padding:60px 0;position:relative}@media (min-width:768px){.services-section{padding:80px 0}}@media (min-width:1024px){.services-section{padding:100px 0}}.services-section__orb{opacity:.03;pointer-events:none;background:radial-gradient(circle,#36f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.services-section__container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 16px;display:flex;position:relative}@media (min-width:640px){.services-section__container{padding:0 24px}}@media (min-width:1024px){.services-section__container{padding:0 32px}}.services-section__header{text-align:left;width:100%;margin-bottom:24px;position:relative}@media (min-width:768px){.services-section__header{margin-bottom:32px}}@media (min-width:1024px){.services-section__header{margin-bottom:40px}}.services-section__label{text-transform:uppercase;letter-spacing:.2em;color:#36f;margin-bottom:8px;font-size:14px;font-weight:500;display:inline-block}.services-section__title{color:#fff;text-shadow:0 0 60px #36fc,0 0 100px #3366ff80,0 0 150px #3366ff4d;margin-bottom:20px;font-size:36px;font-weight:700}.services-section__header:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#001e64cc 0%,#00143c80 40%,#0000 70%);width:500px;height:300px;animation:8s ease-in-out infinite activeGlowLeft;position:absolute;top:-60px;left:0}@keyframes activeGlowLeft{0%{opacity:.5;filter:hue-rotate();transform:scale(.9)translate(0)rotate(0)}33%{opacity:.8;filter:hue-rotate(20deg);transform:scale(1.1)translate(20px,10px)rotate(3deg)}66%{opacity:.7;filter:hue-rotate(-10deg);transform:scale(1)translate(-10px,20px)rotate(-3deg)}to{opacity:.5;filter:hue-rotate();transform:scale(.9)translate(0)rotate(0)}}@media (min-width:768px){.services-section__title{font-size:48px}}@media (min-width:1024px){.services-section__title{font-size:60px}}.services-section__grid{grid-template-columns:1fr;gap:20px;width:100%;max-width:1400px;margin:0 auto;display:grid}@media (min-width:500px){.services-section__grid{grid-template-columns:repeat(1,1fr);gap:24px}}@media (min-width:768px){.services-section__grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (min-width:1100px){.services-section__grid{gap:32px}}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0f99;border:1px solid #ffffff0d;border-radius:24px;padding:40px;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.service-card:hover{background:#0f0f19cc;border-color:#3366ff4d;transform:translateY(-5px);box-shadow:0 20px 40px -10px #00000080}@media (min-width:640px){.service-card{padding:40px}}@media (max-width:480px){.service-card{border-radius:16px;padding:24px}}.service-card__bg{background:radial-gradient(800px circle at var(--mouse-x,50%)var(--mouse-y,50%),#3366ff0f,transparent 40%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.service-card:hover .service-card__bg{opacity:1}.service-card__glow{opacity:.3;background:linear-gradient(90deg,#0000,#3366ff80,#0000);height:1px;transition:all .5s;position:absolute;top:0;left:0;right:0}.service-card:hover .service-card__glow{opacity:1;height:2px;box-shadow:0 0 20px #36f6}.service-card__border{display:none}.service-card__icon-wrapper{justify-content:flex-start;margin-bottom:24px;display:flex;position:relative}.service-card__icon{background:#3366ff0d;border:1px solid #3366ff1a;border-radius:16px;justify-content:center;align-items:center;padding:16px;transition:all .3s;display:inline-flex;box-shadow:inset 0 0 20px #3366ff0d}.service-card:hover .service-card__icon{background:#3366ff1a;border-color:#3366ff4d;transform:scale(1.05);box-shadow:0 0 30px #36f3}@media (min-width:640px){.service-card__icon{padding:24px}}.service-card__icon svg{width:48px;height:48px;transform:scale(1.25)}.service-card__content{text-align:left;position:relative}.service-card__title{text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:16px;font-size:24px;font-weight:800;line-height:1.2}@media (min-width:640px){.service-card__title{font-size:28px}}.service-card__description{color:#fff9;font-size:15px;font-weight:400;line-height:1.6}@media (min-width:640px){.service-card__description{font-size:16px}}.service-card__fade{pointer-events:none;background:linear-gradient(#0000 0%,#000 100%);height:80px;position:absolute;bottom:0;left:0;right:0}.services-section__cta{flex-direction:column;align-items:center;gap:16px;margin-top:32px;display:flex}@media (min-width:640px){.services-section__cta{gap:24px}}@media (min-width:768px){.services-section__cta{margin-top:48px}}@media (min-width:1024px){.services-section__cta{margin-top:56px}}.services-section__cta-text{text-align:center;color:#fff9;font-size:18px}.services-section__cta-button{text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#36f 0%,#2952cc 100%);border:none;border-radius:9999px;align-items:center;gap:8px;padding:16px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #36f6,0 0 40px #36f3}.services-section__cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3366ff80,0 0 60px #3366ff4d}.services-section__closing{text-align:center;background:#3366ff0d;border:1px solid #3366ff1a;border-radius:16px;width:100%;margin-top:48px;padding:32px 24px}@media (min-width:768px){.services-section__closing{margin-top:64px;padding:40px 48px}}.services-section__closing-text{color:#ffffffe6;margin:0;font-size:18px;font-weight:600;line-height:1.5}@media (min-width:768px){.services-section__closing-text{font-size:22px}}.service-card__learn-more{color:#36f;align-items:center;gap:8px;margin-top:20px;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.service-card__learn-more:hover{color:#00d1ff;gap:12px}.service-card__arrow{width:16px;height:16px;transition:transform .3s}.service-card__learn-more:hover .service-card__arrow{transform:translate(4px)}
