/* ── Base ─────────────────────────────────────────── */
body { background: #0d1117; color: #e6edf3; font-family: 'Segoe UI', system-ui, sans-serif; }

/* ── Hero ─────────────────────────────────────────── */
.hero-section { background: linear-gradient(135deg, #0d1117 0%, #161b22 60%, #0d2d5e 100%); border-bottom: 1px solid #30363d; }

/* ── Stats ────────────────────────────────────────── */
.stat-num  { font-size: 2.5rem; font-weight: 800; color: #58a6ff; line-height: 1; }
.stat-label { color: #8b949e; font-size: .85rem; margin-top: .25rem; }

/* ── Feature cards ────────────────────────────────── */
.feature-card { transition: border-color .2s, transform .2s; }
.feature-card:hover { border-color: #58a6ff !important; transform: translateY(-2px); }

/* ── Pricing ──────────────────────────────────────── */
.pricing-card { background: #161b22; }
.pricing-card--featured { background: #0d2d5e22; }
.price-big { font-size: 3rem; font-weight: 800; color: #58a6ff; line-height: 1; }
.price-currency { font-size: 1.5rem; }

/* ── Auth cards ───────────────────────────────────── */
.auth-card { background: #161b22; }

/* ── Sidebar ──────────────────────────────────────── */
.sidebar { background: #0d1117; position: sticky; top: 56px; height: calc(100vh - 56px); overflow-y: auto; }
.sidebar-link { transition: background .15s; }
.sidebar-link:hover { background: #21262d; }
.sidebar-link.active { background: #1f2d45; }

/* ── Lesson content (markdown) ───────────────────── */
.markdown-body { line-height: 1.8; }
.markdown-body h1 { display: none; }  /* hide first h1 (duplicated in header) */
.markdown-body h1:not(:first-child) { display: block; }
.markdown-body h2 { color: #58a6ff; border-bottom: 1px solid #30363d; padding-bottom: .4rem; margin-top: 2.5rem; }
.markdown-body h3 { color: #e6edf3; margin-top: 1.8rem; }
.markdown-body h4 { color: #8b949e; }
.markdown-body code { background: #161b22; color: #f85149; padding: 2px 6px; border-radius: 4px; font-size: .9em; }
.markdown-body pre { background: #161b22 !important; border: 1px solid #30363d; border-radius: 8px; padding: 1.2rem; overflow-x: auto; }
.markdown-body pre code { background: transparent; color: inherit; padding: 0; font-size: .87em; }
.markdown-body blockquote { border-left: 3px solid #58a6ff; background: #1f2d45; padding: .75rem 1rem; border-radius: 0 6px 6px 0; color: #c9d1d9; margin: 1rem 0; }
.markdown-body table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; }
.markdown-body th { background: #161b22; color: #58a6ff; padding: .6rem .8rem; border: 1px solid #30363d; }
.markdown-body td { padding: .5rem .8rem; border: 1px solid #30363d; }
.markdown-body tr:nth-child(even) td { background: #161b22; }
.markdown-body a { color: #58a6ff; }
.markdown-body hr { border-color: #30363d; margin: 2rem 0; }
.markdown-body ul, .markdown-body ol { padding-left: 1.5rem; }
.markdown-body li { margin-bottom: .3rem; }

/* ── Lesson rows ──────────────────────────────────── */
.lesson-row { transition: background .15s; }
.lesson-row:hover { background: #1c2128 !important; }

/* ── Lesson mini (profile) ────────────────────────── */
.lesson-mini { transition: opacity .15s; font-size: .8rem; }

/* ── Scrollbar ────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }