/* ============================================================
   STUDENTCORNER.CSS
   All styles scoped to the Student Corner section
   (.student-resource cards used inside #clubs[first instance])
   ============================================================ */

/* ── 1. SECTION WRAPPER ──────────────────────────────────── */
#students {
  background: var(--gray-100);
}

/* ── 2. RESOURCE CARD ────────────────────────────────────── */
.student-resource {
  background: #ffffff;
  border-radius: 14px;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  height: 100%;
}

.student-resource:hover {
  transform: translateY(-6px);
  border-bottom-color: var(--blue);
  box-shadow: 0 16px 40px rgba(30, 91, 198, 0.14);
}

/* ── 3. ICON CIRCLE ──────────────────────────────────────── */
.student-resource-icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin: 0 auto 1rem;
}

/* ── 4. RESPONSIVE ───────────────────────────────────────── */
@media (max-width: 576px) {
  .student-resource {
    padding: 1.1rem 0.8rem;
  }

  .student-resource-icon {
    width: 52px;
    height: 52px;
    font-size: 1.3rem;
  }
}