.service-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#e05a00 0,#e06a21 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(224,90,0,.3);z-index:2;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(224,90,0,.3)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(224,90,0,.4)}}.service-problem,.service-result,.service-solution{padding:12px 16px;margin:12px 0;border-radius:10px;font-size:.9rem;line-height:1.5;position:relative;transition:all .3s ease}.service-problem{background:linear-gradient(135deg,rgba(239,68,68,.08) 0,rgba(220,38,38,.05) 100%);border-left:4px solid #ef4444}.service-solution{background:linear-gradient(135deg,rgba(34,197,94,.08) 0,rgba(22,163,74,.05) 100%);border-left:4px solid #22c55e}.service-result{background:linear-gradient(135deg,rgba(224,90,0,.08) 0,rgba(224,106,33,.05) 100%);border-left:4px solid #e05a00}.service-problem strong,.service-result strong,.service-solution strong{display:block;margin-bottom:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.service-problem strong{color:#dc2626}.service-solution strong{color:#16a34a}.service-result strong{color:#e05a00}.highlight{background:linear-gradient(135deg,#e05a00 0,#e06a21 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.service-card:hover .service-problem{transform:translateX(5px);box-shadow:-4px 0 0 0 #ef4444}.service-card:hover .service-solution{transform:translateX(5px);box-shadow:-4px 0 0 0 #22c55e}.service-card:hover .service-result{transform:translateX(5px);box-shadow:-4px 0 0 0 #e05a00}.service-features{list-style:none;padding:0;margin:16px 0}.service-features li{padding:8px 0;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#555;transition:all .3s ease}.service-features li i{color:#22c55e;font-size:.9rem;flex-shrink:0}.service-card:hover .service-features li{transform:translateX(5px)}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.service-card.special-card:hover{animation:cardFloat 2s cubic-bezier(.45,0,.55,1) infinite}@keyframes gradientShift{0%{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}50%{background:linear-gradient(225deg,#764ba2 0,#667eea 100%)}100%{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}}.service-card.special-card{animation:gradientShift 6s ease-in-out infinite;background-size:200% 200%}@media (max-width:1200px){.services-section .row.g-4{justify-content:center}}@media (max-width:768px){.services-section .col-lg-4{max-width:400px;margin:0 auto}}.service-card::after{content:'';position:absolute;top:0;left:-100%;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(0,102,255,.08) 50%,transparent 100%);opacity:0;transition:all .5s ease;pointer-events:none;z-index:0;width:100%}.service-card:hover::after{opacity:1;left:100%}.service-card>*{position:relative;z-index:1}.service-icon{position:relative;overflow:hidden}.service-icon::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.service-card:hover .service-icon::before{animation:shine .8s ease-in-out}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0}}.service-card.special-card .service-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 12px 30px rgba(251,191,36,.35)}.service-card.special-card:hover .service-icon{box-shadow:0 18px 45px rgba(251,191,36,.5);transform:scale(1.08) rotate(-5deg)}.service-card.loading{opacity:.7;pointer-events:none}.service-card.loading::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%);z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.service-card:focus{outline:3px solid var(--px-theme);outline-offset:2px}.service-card[tabindex]:focus{box-shadow:0 0 0 3px rgba(58,134,255,.4)}@media print{.service-card{break-inside:avoid;page-break-inside:avoid}.service-card.special-card{background:#f8f9fa!important;color:#000!important}}