.service-detail-page{min-height:100vh;background-image:radial-gradient(circle at 15% 15%,rgba(74,184,248,.12) 0,rgba(42,122,176,.18) 18%,rgba(10,58,95,.25) 45%,rgba(10,58,95,.9) 100%),radial-gradient(circle at 85% 85%,rgba(10,58,95,.08) 0,rgba(26,90,138,.18) 30%,rgba(26,90,138,.4) 60%,rgba(74,184,248,.06) 100%);background-color:#0a3a5f;color:white;background-blend-mode:overlay,screen}.service-detail-container{max-width:1200px;margin:0 auto;padding:0 20px}.service-detail-header{padding:120px 0 60px}.back-link{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);text-decoration:none;font-size:.95rem;margin-bottom:40px;transition:all .3s ease}.back-link:hover{color:white;gap:12px}.service-detail-hero{text-align:center;max-width:900px;margin:0 auto}.service-detail-icon{width:80px;height:80px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;font-size:40px;color:white}.service-detail-title{font-size:2.5rem;font-weight:700;color:white;margin-bottom:20px;line-height:1.2}.service-detail-description{font-size:1.1rem;color:rgba(255,255,255,.9);line-height:1.8}.section-title{font-size:2rem;font-weight:700;color:white;text-align:center;margin-bottom:50px}.service-content-section{padding:60px 0 80px}.services-list{max-width:900px;margin:0 auto;display:grid;gap:20px}.service-item{display:flex;gap:20px;background:rgba(255,255,255,.1);padding:25px;border-radius:12px;transition:all .3s ease;align-items:flex-start;box-shadow:0 4px 20px rgba(0,0,0,.15)}.service-item:hover{background:rgba(255,255,255,.15);transform:translateX(5px)}.service-item-icon{font-size:24px;color:white;min-width:24px;margin-top:2px}.service-item-content h3{font-size:1.2rem;font-weight:600;color:white;margin-bottom:8px}.service-item-content p{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.6}.service-cta-section{padding:60px 0 100px}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:2rem;font-weight:700;color:white;margin-bottom:15px}.cta-content p{font-size:1.1rem;color:rgba(255,255,255,.9);margin-bottom:35px}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-block;padding:14px 35px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease}.cta-btn.primary{background:white;color:#064c76}.cta-btn.primary:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.cta-btn.secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.3)}.cta-btn.secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.service-navigation-section{padding:60px 0;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.service-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-button{display:flex;align-items:center;gap:15px;padding:20px 25px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;text-decoration:none;color:white;transition:all .3s ease;min-width:200px;flex:1}.nav-button:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.nav-button.prev-button{justify-content:flex-start}.nav-button.next-button{justify-content:flex-end;flex-direction:row-reverse}.nav-arrow{font-size:20px;color:rgba(255,255,255,.8);transition:all .3s ease}.nav-button:hover .nav-arrow{color:white;transform:scale(1.1)}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:.85rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.nav-title{font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.nav-spacer{flex:1}@media (max-width:768px){.service-detail-header{padding:100px 0 40px}.service-detail-title{font-size:1.8rem}.service-detail-description{font-size:1rem}.section-title{font-size:1.6rem}.service-item{gap:15px}.cta-buttons,.service-item{flex-direction:column}.cta-btn{width:100%;text-align:center}.service-navigation{flex-direction:column;gap:15px}.nav-button{min-width:unset;max-width:unset;width:100%}.nav-spacer{display:none}}