@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#14243b;--blue:#2864dc;--muted:#64748b;--pale:#f4f7fc}
body{font-family:'DM Sans',sans-serif;color:var(--navy);background:#fff}
h1,h2,h3,h4,h5,.navbar-brand{font-family:'Manrope',sans-serif}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;margin-right:7px;font-weight:800}
.hero{background:linear-gradient(135deg,#f5f8ff 0%,#fff 62%,#edf4ff 100%)}
.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--blue)}
.preview-card,.login-card{background:#fff;border:1px solid #e8edf5;border-radius:22px;padding:28px}
.preview-card{max-width:470px;margin:auto}
.stat{font:800 1.35rem 'Manrope';color:var(--blue)}
.lesson-row{display:flex;align-items:center;gap:12px}
.lesson-icon,.module-number{display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;color:var(--blue);font-weight:800;border-radius:10px;width:42px;height:42px;flex-shrink:0}
.module-card{border:1px solid #e8edf5;border-radius:16px;padding:22px;background:#fff;transition:.2s}
.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #14243b10}
.login-bg{background:linear-gradient(135deg,#eff4ff,#f8fafc)}
.login-card{width:100%;max-width:460px;box-shadow:0 18px 55px #14243b12}
.course-banner{border-radius:22px;background:linear-gradient(120deg,#f0f5ff,#f8fbff);border:1px solid #e1eaff}
.btn-primary{background:var(--blue);border-color:var(--blue)}
.btn-primary:hover{background:#1d4fc0;border-color:#1d4fc0}