/* =====================================================
   education.css — Education Section
   Edit this file to change: card style, degree info
===================================================== */

.edu-list { max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px; }

/* Card */
.edu-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 28px 30px;
  position: relative; overflow: hidden; transition: all 0.25s var(--ease);
}
/* Top accent line */
.edu-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent2), transparent);
}
.edu-card:hover { border-color: rgba(124,92,252,0.35); transform: translateY(-4px); box-shadow: var(--shadow); }

/* Card top row */
.edu-card-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 8px; gap: 12px; }

.edu-location { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; color: var(--text3); margin-bottom: 10px; }
.edu-icon     { width: 50px; height: 50px; border-radius: 12px; background: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; }
.edu-degree   { font-family: var(--font-display); font-size: 1.08rem; font-weight: 700; margin-bottom: 4px; }
.edu-school   { color: var(--accent3); font-size: 0.88rem; font-weight: 500; margin-bottom: 18px; }

/* Meta rows */
.edu-meta-rows { display: flex; flex-direction: column; gap: 10px; }
.edu-row {
  background: var(--card2); border-radius: 10px; padding: 12px 18px;
  display: flex; align-items: center; gap: 12px;
}
.edu-row-icon  { width: 36px; height: 36px; border-radius: 9px; background: rgba(124,92,252,0.15); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
.edu-row-label { font-size: 0.74rem; color: var(--text3); margin-bottom: 2px; }
.edu-row-value { font-size: 0.88rem; font-weight: 600; }
.edu-row-value.accent { color: var(--accent3); }