:root { --bs-primary:#066147; --bs-primary-rgb:6,97,71; }
body { background:#fafcfb; color:#24332d; padding-bottom:56px; }
.app-header { background:#066147 !important; box-shadow:0 2px 12px #063d2d55; }
.login-card { max-width:460px; margin-top:8vh; }
.hero-card { background:linear-gradient(135deg,#066147,#0b8a65); color:#fff; }
.progress { height:11px; }
.course-card,.webinar-card { border:0; box-shadow:0 3px 12px #063d2d14; transition:.15s; }
.course-card:hover { transform:translateY(-2px); }
.course-image,.webinar-image { width:100%; height:170px; object-fit:cover; }
.webinar-thumb { width:100%; height:125px; object-fit:cover; }
.course-placeholder,.webinar-placeholder { display:grid; place-items:center; background:#dcefe8; color:#066147; font-weight:700; }
.lesson-check { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#eee; color:#666; }
.lesson-check.done { background:#198754; color:#fff; }
.bottom-nav a { color:#345248; font-size:.78rem; text-decoration:none; }
.bottom-nav a:hover { color:#066147; }
@media (min-width:768px) { .bottom-nav { display:none!important; } body { padding-bottom:0; } }