/*  ══════════════════════════════════════════════════════════════
    LIQUID GLASS  —  Apple Control Center style
    Frosted, slightly opaque, no border lines at edges
    ══════════════════════════════════════════════════════════════ */

.exp-card,
.edu-card,
.proj-card,
.sw-card,
.interest-card,
.org-card,
.file-card {
  position: relative;
  background: rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border: none !important;
  box-shadow:
    /* subtle inner top sheen — gives the "glass surface" feel */
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    /* very soft outer depth */
    0 2px 16px rgba(11, 31, 58, 0.06),
    0 8px 32px rgba(11, 31, 58, 0.07) !important;
}

/* No border pseudo-elements — edges blend naturally */
.exp-card::after,
.edu-card::after,
.proj-card::after,
.sw-card::after,
.interest-card::after,
.org-card::after,
.file-card::after {
  display: none !important;
}

/* Hover — just a touch more depth, no border rings */
.exp-card:hover,
.edu-card:hover,
.proj-card:hover,
.sw-card:hover,
.interest-card:hover,
.org-card:hover,
.file-card:hover {
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 4px 20px rgba(11, 31, 58, 0.09),
    0 12px 40px rgba(11, 31, 58, 0.10) !important;
}