/* --- JOIN PAGE SPECIFIC STYLES --- */

/* Hero Section */
#join-hero {
    min-height: 70vh;
}

#join-hero-title {
    background: linear-gradient(90deg, var(--accent-primary), var(--text-color), var(--accent-secondary));
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 5s linear infinite;
}

/* Why NeuroMind & Our Values Sections */
#why-neuromind, #our-values {
    background-color: #05080D; /* Hafif farklı bir arka plan rengi */
}

.why-grid, .values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    width: 100%;
    margin-top: 50px;
}

.why-card, .value-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: 35px;
    border-radius: 12px;
    text-align: left;
    transition: transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;
}

.why-card:hover, .value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 163, 255, 0.1);
}

.why-card h3, .value-card h4 {
    font-size: 1.4em;
    margin: 0 0 15px 0;
    color: var(--text-color);
}

.why-card p, .value-card p {
    color: var(--text-muted);
    line-height: 1.7;
    margin: 0;
}

/* Talent Network Section */
#talent-network {
    padding-bottom: 20vh;
}