
/* Public Landing – Modern Lux polish */
:root{
  --mf-hero-bg1: rgba(37,99,235,.18);
  --mf-hero-bg2: rgba(14,165,233,.16);
  --mf-surface: rgba(255,255,255,.92);
  --mf-stroke: rgba(148,163,184,.28);
  --mf-text: #0b1220;
  --mf-muted: #475569;
}
body{
  background:
    radial-gradient(circle at 15% 10%, var(--mf-hero-bg2), transparent 40%),
    radial-gradient(circle at 85% 20%, var(--mf-hero-bg1), transparent 45%),
    radial-gradient(circle at 30% 90%, rgba(99,102,241,.10), transparent 45%),
    #f6f8fc !important;
}

.main-navbar{
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--mf-stroke) !important;
}

/* Navbar polish */
.main-navbar .btn{
  border-radius: 999px !important;
  padding: .55rem 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: .1px;
  box-shadow: 0 10px 26px rgba(2,6,23,.10);
}
.main-navbar .btn-outline-primary{
  background: rgba(255,255,255,.55) !important;
  border-color: rgba(37,99,235,.25) !important;
}
.main-navbar .btn-outline-primary:hover{
  background: rgba(37,99,235,.08) !important;
  transform: translateY(-1px);
}
.main-navbar .btn-primary{
  border: 1px solid rgba(255,255,255,.22) !important;
  background: linear-gradient(135deg, rgba(29,78,216,.95), rgba(14,165,233,.92)) !important;
}
.main-navbar .btn-primary:hover{
  filter: saturate(1.05);
  transform: translateY(-1px);
}

.mf-landing{
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--mf-stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
}

.mf-landing-form{
  background:
    radial-gradient(circle at 30% 20%, rgba(14,165,233,.18), transparent 40%),
    radial-gradient(circle at 70% 0%, rgba(37,99,235,.18), transparent 45%),
    rgba(255,255,255,.88);
  border-right: 1px solid var(--mf-stroke);
}

.mf-landing-info{
  background:
    radial-gradient(circle at 80% 20%, rgba(37,99,235,.16), transparent 45%),
    radial-gradient(circle at 20% 70%, rgba(14,165,233,.14), transparent 45%),
    rgba(255,255,255,.80);
}

.mf-hero-title{
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 800;
  letter-spacing: .2px;
  color: var(--mf-text);
}

.mf-hero-sub{
  color: var(--mf-muted);
  font-size: 1.05rem;
  line-height: 1.8;
}

.mf-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .9rem;
  border-radius: 999px;
  border: 1px solid var(--mf-stroke);
  background: rgba(255,255,255,.72);
  color: #0f172a;
  font-weight: 600;
  font-size: .92rem;
}

.mf-feature{
  border: 1px solid var(--mf-stroke);
  background: rgba(255,255,255,.70);
  border-radius: 18px;
  padding: 14px 14px;
  height: 100%;
}
.mf-feature .ic{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.18);
}
.mf-feature h6{ font-weight: 800; margin: 10px 0 6px; }
.mf-feature p{ margin:0; color: var(--mf-muted); font-size:.95rem; line-height:1.7; }

.mf-book-card{
  border: 1px solid var(--mf-stroke) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 55px rgba(2,6,23,.10) !important;
}
.mf-book-card .card-header{background: linear-gradient(135deg, rgba(29,78,216,.95), rgba(14,165,233,.90)); color:#fff; border-bottom:1px solid rgba(255,255,255,.18);}
.mf-book-card .form-control, .mf-book-card .form-select{
  border-radius: 14px !important;
  border: 1px solid rgba(148,163,184,.35) !important;
  padding: .75rem .9rem;
}
.mf-book-card .form-control:focus, .mf-book-card .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(37,99,235,.12) !important;
  border-color: rgba(37,99,235,.55) !important;
}
.mf-primary-cta{
  border-radius: 999px !important;
  padding: .9rem 1.1rem !important;
  font-weight: 800 !important;
}

@media (max-width: 991px){
  .mf-landing-form{ border-right: none; border-bottom: 1px solid var(--mf-stroke); }
}

.navbar-logo{
  width: 64px;
  height: 64px;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(2,6,23,.16));
  transition: transform .15s ease, filter .15s ease;
}
.navbar-logo:hover{ transform: translateY(-1px) scale(1.03); filter: drop-shadow(0 16px 26px rgba(2,6,23,.18)); }

.brand-text{font-weight:700;font-size:20px;letter-spacing:.2px;}

.mf-book-card .card-header .hdr h5{font-weight:800;font-size:18px;margin:0;}
.mf-book-card .card-header .hdr .subline{font-size:13px;opacity:.92;margin-top:2px;}
.mf-book-card{overflow:hidden;border:1px solid var(--mf-stroke);} 
.mf-book-card .card-body{background: rgba(255,255,255,.92);} 

.mf-book-card .trust-dots span{background: rgba(255,255,255,.85) !important;}

.main-navbar{padding-top:10px;padding-bottom:10px;}
