/* ==============================================================================
   CUSTOM SYSTEM STYLING SHEETS 
   ============================================================================== */

/* Make the service cards look like glowing frosted glass tiles */
.service-card {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth zoom and cyber-glow highlight effect on hover */
.service-card:hover {
    transform: translateY(-5px) scale(1.02) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(59, 130, 246, 0.5) !important; /* Subtle blue border pop */
    box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.3) !important;
}

/* Style the live system telemetry text meters */
.widget-text {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: -0.025em !important;
}