/* ============================================================
   PAGES-L48.CSS — Athenia Academy
   Styles propres à la page L48 — IAnovation Lab
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   L48 — AI LAB
════════════════════════════════════════════════════════════ */

.lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 3rem; }
.lab-card {
  padding: 2.5rem;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--card-bg);
  position: relative;
  overflow: hidden;
}
.lab-card::after {
  content: '';
  position: absolute;
  bottom: -40px; right: -40px;
  width: 120px; height: 120px;
  border-radius: 50%;
  background: var(--accent-dim);
}
.lab-number {
  font-family: 'Space Mono', monospace;
  font-size: 3rem;
  font-weight: 700;
  color: var(--border);
  position: absolute;
  top: 1rem; right: 1.5rem;
}

.ai-tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2rem; }
.ai-tool {
  padding: 1.25rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  text-align: center;
  background: var(--card-bg);
  font-family: 'Space Mono', monospace;
  font-size: 0.8rem;
  color: var(--accent);
  transition: all 0.2s;
}
.ai-tool:hover { border-color: var(--accent); background: var(--accent-dim); }