body {
    background-color: #0f0c29;
    color: #e8f6ff;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* Utilidad para texto con gradiente (Brand Book Rule) */
.text-gradient {
    background: linear-gradient(135deg, #00f5a0 0%, #00d9f5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

/* Botón Primario con Glow */
.btn-primary {
    background: linear-gradient(135deg, #00f5a0 0%, #00d9f5 100%);
    color: #051821;
    font-weight: 700;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 245, 160, 0.3);
}

/* Background Effects - "Ingeniería Invisible" vibes */
.glow-blob {
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 217, 245, 0.15) 0%, rgba(15, 12, 41, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

/* Brand Book Compliant Glassmorphism */
.glass-card {
    position: relative;
    background: rgba(232, 246, 255, 0.03); /* #e8f6ff @ 3% */
    border: 1px solid rgba(232, 246, 255, 0.08); /* #e8f6ff @ 8% */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 0.75rem; 
    transition: all 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 217, 245, 0.5); /* Tin Cyan influence */
    box-shadow: 0 4px 30px rgba(0, 245, 160, 0.1); /* Mint Green Glow */
}

.glass-card::before {
    /* Optional: Energy Gradient Border on hover could be done with pseudo-elements, 
       but simple border-color change is cleaner and lighter as per "Economy of Signal" */
    display: none;
}