/* ==== Digital Campus Experience ==== */

.gc-digital * {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.gc-digital {
    position: relative;
    overflow: hidden;
    /* Section ini sengaja dikasih warna beda (navy gradasi + glow gold tipis)
       di antara dua section putih (slider & berita), biar halaman punya
       "titik istirahat" visual dan gak monoton putih terus dari atas ke bawah. */
    background:
        radial-gradient(60% 65% at 92% -5%, color-mix(in srgb, var(--gold, #5B4CE0) 22%, transparent) 0%, transparent 65%),
        radial-gradient(55% 60% at 4% 105%, color-mix(in srgb, var(--gold, #5B4CE0) 12%, transparent) 0%, transparent 65%),
        linear-gradient(165deg, var(--navy, #171B2E) 0%, color-mix(in srgb, var(--navy, #171B2E) 82%, #000 18%) 100%);
    border-top: 1px solid #F0F2F6;
    padding: 56px 32px;
}

.gc-digital::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    -webkit-mask-image: radial-gradient(75% 70% at 50% 0%, #000 0%, transparent 85%);
    mask-image: radial-gradient(75% 70% at 50% 0%, #000 0%, transparent 85%);
}

.gc-digital-container{
    position:relative;
    z-index:1;
}

.gc-digital-container {
    max-width: 1180px;
    margin: 0 auto;
}

.gc-digital .gc-section-heading h2 {
    color: #FFFFFF;
}

.gc-digital .gc-section-heading p {
    color: #C6CCDA;
}

.gc-digital-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.gc-digital-card {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #e8edf4;
    border-radius: 15px;
    padding: 32px 28px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.gc-digital-card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
    transform: translateY(-6px);
}

.gc-digital-icon{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 17px;
}

/* Flat pastel, meniru .icon .blue/.green/.yellow di dashboard admin */
.gc-digital-grid > .gc-digital-card:nth-child(1) .gc-digital-icon{ background:#dce7ff; color: var(--navy, #171B2E); }
.gc-digital-grid > .gc-digital-card:nth-child(2) .gc-digital-icon{ background:#fff4c9; color: var(--gold, #5B4CE0); }
.gc-digital-grid > .gc-digital-card:nth-child(3) .gc-digital-icon{ background:#dff9e3; color:#2e7d32; }

.gc-digital-card{
    position:relative;
    overflow:hidden;
}

.gc-digital-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--navy, #171B2E);
    margin: 0 0 10px;
}

.gc-digital-card p {
    font-size: 14px;
    line-height: 1.7;
    color: #6B7280;
    margin: 0;
}

@media (max-width: 900px) {
    .gc-digital-grid {
        grid-template-columns: 1fr;
    }
}