:root { --brand: #e3b709; }
body { background: #f8fafc; padding-top: 1.5rem; padding-bottom: 3rem; }
.step-nav { overflow-x: auto; scrollbar-width: none; }
.step-nav::-webkit-scrollbar { display: none; }
.step-nav .nav-link { white-space: nowrap; font-size: 0.875rem; padding: 0.5rem 1rem; border-radius: 2rem; color: #64748b; background: #e2e8f0; transition: 0.2s; }
.step-nav .nav-link.active { background: var(--brand); color: #fff; }
.step-nav .nav-link:hover:not(.active) { background: #cbd5e1; }
.card { border: none; border-radius: 1rem; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05); }
.btn-primary { background: var(--brand); border-color: var(--brand); }
.btn-primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
.btn-outline-primary { color: var(--brand); border-color: var(--brand); }

.app-private-lesson-wrapper { margin: 30px}