.resources-wrapper{
    max-width: 900px;
    margin: 0 auto;
}

.resources-hero{
    text-align: center;
    margin: 10px 0 22px 0;
}

.resources-title{
    font-size: 2rem;
    color: #00AFFF;
    text-shadow: 0 0 12px #0088cc;
    margin: 0 0 6px 0;
}

.resources-subtitle{
    margin: 0;
    color: #9ecff5;
    opacity: 0.9;
    font-size: 0.95rem;
}

.resource-list{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.resource-card{
    background: #05070A;
    border-radius: 14px;
    border: 1px solid #00AFFF33;
    box-shadow: 0 0 18px #00AFFF22;
    padding: 18px 18px;
    transition: 0.2s ease;
}

.resource-card:hover{
    box-shadow: 0 0 28px #00AFFF55;
}

.resource-card h3{
    margin: 0 0 10px 0;
    color: #00AFFF;
    text-shadow: 0 0 8px #0077bb;
    font-size: 1.3rem;
}

.resource-card p{
    margin: 0 0 14px 0;
    color: #d5ecff;
    opacity: 0.95;
    line-height: 1.5;
}

.resource-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 720px){
    .resources-wrapper{ padding: 0 10px; }
}