/* AIOS ACADEMY // NEON LEARNING DECK */
:root {
  --ac-bg: #070a12;
  --ac-surface: rgba(12, 18, 32, .9);
  --ac-surface-2: rgba(18, 27, 46, .92);
  --ac-border: rgba(155, 108, 255, .22);
  --ac-cyan: #00e5ff;
  --ac-violet: #9b6cff;
  --ac-pink: #ff3cac;
  --ac-green: #48ff9b;
  --ac-amber: #ffc857;
}

[data-theme='light'] {
  --ac-bg: #f3f6fa;
  --ac-surface: rgba(255,255,255,.94);
  --ac-surface-2: rgba(247,249,252,.98);
  --ac-border: rgba(101,66,184,.22);
  --ac-cyan: #007f99;
  --ac-violet: #6542b8;
  --ac-pink: #c42672;
  --ac-green: #167a4b;
  --ac-amber: #9a6500;
}

body.academy-page {
  background:
    linear-gradient(rgba(0,229,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.025) 1px, transparent 1px),
    radial-gradient(circle at 10% 0%, rgba(155,108,255,.14), transparent 30rem),
    var(--ac-bg);
  background-size: 36px 36px, 36px 36px, auto, auto;
}

[data-theme='light'] body.academy-page {
  background:
    linear-gradient(rgba(0,127,153,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,127,153,.035) 1px, transparent 1px),
    radial-gradient(circle at 10% 0%, rgba(101,66,184,.1), transparent 30rem),
    var(--ac-bg);
}

.academy-page .app-header {
  border-bottom: 1px solid var(--ac-border);
  background: var(--ac-surface);
  box-shadow: 0 0 28px rgba(155,108,255,.08);
}

.academy-brand { display:flex; align-items:center; gap:12px; }
.academy-mark {
  width:32px; height:32px; display:grid; place-items:center;
  color:var(--ac-cyan); border:1px solid var(--ac-cyan);
  box-shadow:0 0 15px rgba(0,229,255,.3); font:700 12px var(--font-mono);
}
.academy-kicker { color:var(--ac-violet); font:600 10px var(--font-mono); letter-spacing:.15em; }
.academy-title { margin:2px 0 0; font:600 17px var(--font-mono); letter-spacing:.05em; }

.academy-page .contract-main { max-width:1120px !important; }
.academy-deck {
  display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:10px;
  margin-bottom:16px; padding:16px; border:1px solid var(--ac-border);
  background:var(--ac-surface); box-shadow:0 14px 40px rgba(0,0,0,.16);
}
.academy-deck-main { padding-right:14px; border-right:1px solid var(--ac-border); }
.academy-deck-kicker { color:var(--ac-cyan); font:600 10px var(--font-mono); letter-spacing:.14em; }
.academy-deck h2 { margin:5px 0; font:600 20px var(--font-mono); }
.academy-deck p { margin:0; color:var(--text-secondary); font-size:12px; }
.academy-metric { padding:10px 12px; border:1px solid rgba(255,255,255,.08); background:var(--ac-surface-2); }
[data-theme='light'] .academy-metric { border-color:rgba(0,0,0,.08); }
.academy-metric-label { color:var(--text-tertiary); font:10px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.academy-metric-value { margin-top:8px; color:var(--ac-cyan); font:600 18px var(--font-mono); }

.academy-page .tabs { padding:5px; border:1px solid var(--ac-border); background:var(--ac-surface) !important; }
.academy-page .tab { color:var(--text-tertiary); border:1px solid transparent; font:500 11px var(--font-mono); text-transform:uppercase; letter-spacing:.05em; }
.academy-page .tab:hover { color:var(--ac-cyan); background:rgba(0,229,255,.06); }
.academy-page .tab.active { color:var(--ac-cyan); border-color:rgba(0,229,255,.4); background:rgba(0,229,255,.1); }
.academy-page .tab-content { animation:academyEnter .22s ease both; }
.academy-page .card, .academy-page .course-card { border-color:var(--ac-border); background:var(--ac-surface); box-shadow:0 10px 30px rgba(0,0,0,.12); }
.academy-page .card-header, .academy-page .card-heading { color:var(--ac-cyan); font-family:var(--font-mono); letter-spacing:.05em; }
.academy-page .course-card { position:relative; overflow:hidden; }
.academy-page .course-card::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(var(--ac-cyan),var(--ac-violet)); }
.academy-page .progress-bar { height:8px; background:var(--bg-inset); border:1px solid var(--ac-border); }
.academy-page .progress-fill { background:linear-gradient(90deg,var(--ac-cyan),var(--ac-violet),var(--ac-pink)); box-shadow:0 0 12px rgba(0,229,255,.35); }
.academy-page .lesson-sidebar .card { border-top:2px solid var(--ac-violet); }
.academy-page .lesson-row { border-left-color:var(--ac-border); }
.academy-page .side-row.active .s-status { color:var(--ac-cyan); }
.academy-page .side-row.done .s-status { color:var(--ac-green); }
.academy-page .btn-primary, .academy-page .btn:not(.btn-ghost) { box-shadow:0 0 14px rgba(0,229,255,.1); }

.academy-page .academy-course-card { padding-bottom:16px; }
.academy-step-hint { color:var(--text-tertiary); font:11px var(--font-mono); letter-spacing:.02em; }
.academy-step-btn { color:var(--ac-cyan); border-color:rgba(0,229,255,.45); background:linear-gradient(110deg,rgba(0,127,153,.22),rgba(101,66,184,.24)); font-family:var(--font-mono); letter-spacing:.06em; box-shadow:0 0 16px rgba(0,229,255,.14); }
.academy-step-btn:hover { color:#fff; border-color:var(--ac-cyan); box-shadow:0 0 22px rgba(0,229,255,.28); transform:translateX(2px); }
.academy-complete-note { color:var(--ac-green); font:11px var(--font-mono); letter-spacing:.04em; }

@keyframes academyEnter { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
@media (max-width:760px) {
  .academy-deck { grid-template-columns:1fr 1fr; }
  .academy-deck-main { grid-column:1/-1; border-right:0; border-bottom:1px solid var(--ac-border); padding:0 0 12px; }
}
@media (max-width:440px) { .academy-deck { gap:7px; padding:10px; } .academy-metric { padding:8px; } .academy-metric-value { font-size:14px; } }