.service-details-page{color:#050505;background:#fff;position:relative;overflow-x:hidden}.service-details-page:before{content:"";pointer-events:none;z-index:1;opacity:.78;background-image:linear-gradient(#0000,#6f46ff3d,#0000),linear-gradient(#0000,#6f46ff29,#0000),linear-gradient(#0000,#6f46ff1f,#0000);background-position:12% -200px,55% -280px,88% -180px;background-repeat:repeat-y;background-size:1px 180px,1px 240px,1px 150px;animation:4.8s linear infinite serviceRain;position:fixed;inset:0}.service-detail-hero,.service-info-section,.service-benefits-strip,.detail-process,.detail-cta,.service-not-found{z-index:2;position:relative}.service-detail-hero{background:radial-gradient(circle at 12% 25%,#6f46ff1f,#0000 30%),radial-gradient(circle at 85% 30%,#6f46ff1a,#0000 28%);grid-template-columns:1fr .95fr;align-items:center;gap:70px;min-height:100vh;padding:140px 7% 80px;display:grid}.service-detail-left{max-width:760px}.detail-badge{color:#6b46ff;background:#f0ebff;border-radius:24px;place-items:center;width:78px;height:78px;margin-bottom:28px;font-size:34px;display:grid;box-shadow:0 18px 45px #6f46ff2e}.service-detail-left h1{letter-spacing:-3px;margin:16px 0 18px;font-size:clamp(48px,6vw,86px);line-height:1.03}.service-detail-left h3{color:#6b46ff;margin-bottom:22px;font-size:26px;line-height:1.4}.service-detail-left>p{color:#555;font-size:18px;line-height:1.8}.service-detail-actions{gap:18px;margin-top:34px;display:flex}.service-detail-right{position:relative}.service-image-card{background:linear-gradient(135deg,#07070c,#151526);border-radius:38px;padding:16px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 90px #6f46ff42}.service-image-card:before{content:"";background:linear-gradient(90deg,#0000,#8b67ff38,#0000);animation:4s linear infinite scanMove;position:absolute;inset:-120px}.service-image-card img{-o-object-fit:cover;object-fit:cover;z-index:2;filter:saturate(1.08)contrast(1.03);border-radius:28px;width:100%;height:440px;position:relative}.floating-service-card{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #6f46ff26;border-radius:18px;align-items:center;gap:10px;padding:15px 20px;font-weight:900;display:flex;position:absolute;box-shadow:0 18px 45px #6f46ff29}.floating-service-card svg{color:#6b46ff}.floating-service-card.top{animation:3.5s ease-in-out infinite alternate floatCard;top:45px;left:-20px}.floating-service-card.bottom{animation:3.8s ease-in-out infinite alternate-reverse floatCard;bottom:55px;right:-20px}.service-info-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #eee;border-radius:34px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:52px;margin:20px 6% 0;padding:55px;display:grid;box-shadow:0 30px 90px #0000000d}.service-info-content h2{margin:18px 0;font-size:42px;line-height:1.14}.service-info-content p{color:#555;line-height:1.8}.features-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feature-item{background:#fff;border:1px solid #eee;border-radius:18px;align-items:center;gap:12px;padding:20px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 12px 35px #0000000a}.feature-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px #6f46ff1f}.feature-item svg{color:#6b46ff}.service-benefits-strip{grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 6% 0;display:grid}.service-benefit-card{color:#fff;background:linear-gradient(135deg,#08080c,#151526);border-radius:26px;padding:30px;transition:all .3s}.service-benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #6f46ff2e}.service-benefit-card div{color:#8b67ff;background:#6f46ff29;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:26px;display:grid}.service-benefit-card h3{font-size:20px}.detail-process{padding:90px 7%}.detail-process h2{margin:18px 0 36px;font-size:46px;line-height:1.14}.detail-process-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.process-detail-card{background:#ffffffe0;border:1px solid #eee;border-radius:28px;padding:34px;transition:all .3s;box-shadow:0 12px 35px #0000000a}.process-detail-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #6f46ff1f}.process-detail-card span{color:#6b46ff;font-size:34px;font-weight:900}.process-detail-card h3{margin:18px 0 12px;font-size:26px}.process-detail-card p{color:#666;line-height:1.8}.detail-cta{color:#fff;background:radial-gradient(circle at 100%,#6f46ff33,#0000 36%),linear-gradient(135deg,#08080c,#151526);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;margin:0 6% 85px;padding:42px;display:flex}.detail-cta h2{margin:12px 0;font-size:42px}.detail-cta p{color:#d6d6d6;max-width:640px;line-height:1.8}.service-not-found{min-height:70vh;padding:160px 7% 80px}.service-not-found h1{margin:20px 0 30px;font-size:72px}.black-btn,.outline-btn{border-radius:16px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 28px;font-weight:900;display:inline-flex}.black-btn{color:#fff;background:linear-gradient(135deg,#6b46ff,#8b67ff);box-shadow:0 18px 45px #6f46ff47}.outline-btn{color:#111;background:#fff;border:1px solid #eee}@keyframes serviceRain{0%{background-position:12% -200px,55% -280px,88% -180px}to{background-position:12% 900px,55% 940px,88% 880px}}@keyframes scanMove{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@media (max-width:992px){.service-detail-hero,.service-info-section{grid-template-columns:1fr}.service-detail-right{display:none}.service-benefits-strip{grid-template-columns:repeat(2,1fr)}.detail-process-grid{grid-template-columns:1fr}}@media (max-width:768px){.service-detail-hero{padding:125px 22px 60px}.service-detail-left h1{font-size:42px}.service-detail-actions,.detail-cta{flex-direction:column;align-items:flex-start}.service-info-section{margin:0 22px;padding:28px}.service-info-content h2,.detail-process h2,.detail-cta h2{font-size:34px}.features-grid,.service-benefits-strip{grid-template-columns:1fr}.service-benefits-strip{margin:28px 22px 0}.detail-process{padding:60px 22px}.detail-cta{margin:0 22px 60px;padding:30px}.black-btn,.outline-btn{width:100%}}