.service-card-3d{position:relative;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height:340px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(0,0,0,0.05);cursor:default;}.service-card-3d:hover{box-shadow:var(--shadow-xl);border-color:rgba(37, 99, 235, 0.2);transform:translateY(-5px);}.service-3d-image-container{width:140px;height:140px;display:flex;align-items:center;justify-content:center;transition:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);margin-bottom:2rem;position:relative;z-index:2;flex-shrink:0;}.service-3d-image-container i{font-size:6rem;background:linear-gradient(135deg, #2563EB 0%, #60A5FA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 15px rgba(37, 99, 235, 0.3));transition:all 0.5s ease;}.service-card-3d:hover .service-3d-image-container i{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(37, 99, 235, 0.2));}.service-content-3d{text-align:center;width:100%;position:relative;z-index:2;transition:all 0.4s ease;flex-grow:1;display:flex;flex-direction:column;}.service-content-3d h3{font-size:1.5rem;color:var(--secondary);margin-bottom:0.5rem;transition:all 0.4s ease;height:3rem;display:flex;align-items:center;justify-content:center;}.service-description-3d{opacity:0;transform:translateY(20px);height:0;overflow:hidden;color:var(--text-light);font-size:0.95rem;line-height:1.6;transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);text-align:left;}.service-card-3d:hover .service-3d-image-container{width:70px;height:70px;transform:translateX(-110px) translateY(-10px);margin-bottom:0;}.service-card-3d:hover .service-content-3d h3{text-align:left;transform:translateX(30px) translateY(-35px);justify-content:flex-start;font-size:1.3rem;padding-left:10px;}.service-card-3d:hover .service-description-3d{opacity:1;height:auto;margin-top:-30px;transform:translateY(0);padding-top:1rem;border-top:1px solid rgba(0,0,0,0.05);}@media (max-width:768px){.service-card-3d{height:auto;min-height:280px;padding:2rem;align-items:flex-start;text-align:left;}.service-card-3d .service-3d-image-container{width:80px;height:80px;transform:none !important;margin-bottom:1rem;}.service-card-3d .service-content-3d h3{text-align:left;transform:none !important;justify-content:flex-start;font-size:1.4rem;height:auto;margin-bottom:1rem;}.service-card-3d .service-description-3d{opacity:1;height:auto;transform:none !important;text-align:left;margin-top:0;padding-top:0;border-top:none;}}