:root {
  --mlm-bg: #fffaf5;
  --mlm-surface: #ffffff;
  --mlm-surface-soft: #fff2e2;
  --mlm-ink: #22170f;
  --mlm-muted: #6d5b4f;
  --mlm-brand: #ef5b2a;
  --mlm-brand-dark: #be3f17;
  --mlm-accent: #ffb347;
  --mlm-line: #ecd8c5;
  --mlm-shadow: 0 18px 35px rgba(130, 62, 24, 0.12);
}

* {
  box-sizing: border-box;
}

body {
  background: var(--mlm-bg);
  color: var(--mlm-ink);
  font-family: "Plus Jakarta Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Outfit", sans-serif;
  color: var(--mlm-ink);
}

a:hover {
  text-decoration: none;
}

.mlm-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 250, 245, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--mlm-line);
}

.mlm-site-header .navbar {
  min-height: 84px;
}

.mlm-logo {
  font-family: "Outfit", sans-serif;
  font-weight: 800;
  font-size: 26px;
  color: var(--mlm-ink);
  letter-spacing: 0.02em;
}

.mlm-logo span {
  color: var(--mlm-brand);
}

.mlm-nav .nav-link {
  color: #2d2119;
  font-weight: 600;
  margin: 0 6px;
}

.mlm-nav .nav-link:hover {
  color: var(--mlm-brand);
}

.mlm-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #f2be90;
  background: #fff3e7;
  color: #9a3f1d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mlm-btn-primary,
.cmn-btn.mlm-btn-primary {
  display: inline-block;
  background: linear-gradient(90deg, var(--mlm-brand) 0%, #ff7a40 100%);
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 12px 22px;
  font-weight: 700;
}

.mlm-btn-primary:hover {
  color: #fff;
  background: linear-gradient(90deg, var(--mlm-brand-dark) 0%, var(--mlm-brand) 100%);
}

.mlm-btn-ghost {
  display: inline-block;
  color: var(--mlm-brand-dark);
  border: 1px solid #f0b58f;
  background: #fff6ee;
  border-radius: 12px;
  padding: 11px 20px;
  font-weight: 700;
}

.mlm-btn-ghost:hover {
  color: #8d2f12;
  background: #ffe8d5;
}

.mlm-hero {
  padding: 95px 0 70px;
  position: relative;
}

.mlm-hero:before,
.mlm-hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}

.mlm-hero:before {
  width: 340px;
  height: 340px;
  right: -80px;
  top: -60px;
  background: radial-gradient(circle, #ffd3ab 0%, rgba(255, 211, 171, 0) 70%);
}

.mlm-hero:after {
  width: 260px;
  height: 260px;
  left: -90px;
  bottom: 5px;
  background: radial-gradient(circle, #ffd59c 0%, rgba(255, 213, 156, 0) 72%);
}

.mlm-hero h1 {
  font-size: 56px;
  line-height: 1.06;
  margin: 18px 0;
}

.mlm-hero p {
  color: var(--mlm-muted);
  font-size: 17px;
  max-width: 620px;
}

.mlm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px 0 30px;
}

.mlm-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.mlm-stat {
  background: var(--mlm-surface);
  border: 1px solid var(--mlm-line);
  border-radius: 14px;
  padding: 16px;
}

.mlm-stat h4 {
  margin: 0;
  color: var(--mlm-brand);
}

.mlm-stat p {
  margin: 6px 0 0;
  font-size: 13px;
}

.mlm-hero-panel {
  background: linear-gradient(160deg, #2f1f14 0%, #5a2e18 100%);
  color: #fff;
  border-radius: 20px;
  padding: 28px;
  box-shadow: var(--mlm-shadow);
}

.mlm-hero-panel h2,
.mlm-hero-panel h4 {
  color: #fff;
}

.mlm-hero-panel p,
.mlm-hero-panel li {
  color: #ffd9bd;
}

.mlm-section {
  padding: 90px 0;
}

.mlm-title {
  margin-bottom: 16px;
}

.mlm-sub {
  color: var(--mlm-muted);
}

.mlm-card {
  background: var(--mlm-surface);
  border-radius: 14px;
  border: 1px solid var(--mlm-line);
  padding: 24px;
  height: 100%;
  box-shadow: 0 8px 22px rgba(130, 62, 24, 0.07);
}

.mlm-card h4, .mlm-card h5 {
  margin-bottom: 10px;
}

.mlm-card p {
  margin: 0;
  color: var(--mlm-muted);
}

.mlm-step {
  position: relative;
  padding-top: 8px;
}

.mlm-step .step-no {
  font-family: "Outfit", sans-serif;
  color: var(--mlm-brand);
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 12px;
}

.mlm-highlight {
  background: linear-gradient(95deg, #3f2417 0%, #7c3f21 100%);
  color: #fff;
  border-radius: 18px;
  padding: 38px;
}

.mlm-highlight h3,
.mlm-highlight p {
  color: #fff;
}

.mlm-page-hero {
  padding: 80px 0 56px;
}

.mlm-page-hero h1 {
  font-size: 50px;
  margin: 14px 0 10px;
}

.mlm-page-hero p {
  color: var(--mlm-muted);
}

.mlm-form-shell {
  background: #fff;
  border: 1px solid var(--mlm-line);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 28px rgba(130, 62, 24, 0.08);
}

.mlm-form-shell .form-control {
  min-height: 48px;
  border-radius: 10px;
  border-color: #e9d4bf;
}

.mlm-form-shell .form-control:focus {
  border-color: #f2a26f;
  box-shadow: 0 0 0 .15rem rgba(239, 91, 42, 0.13);
}

.mlm-legal {
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--mlm-line);
  padding: 34px;
}

.mlm-legal h4 {
  margin-top: 22px;
}

.mlm-footer {
  background: #231810;
  margin-top: 90px;
}

.mlm-footer-top {
  border-bottom: 1px solid #3b2a1f;
  padding: 46px 0 24px;
}

.mlm-footer-brand {
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 800;
}

.mlm-footer-brand span {
  color: var(--mlm-accent);
}

.mlm-footer-links a {
  color: #eed8c3;
  margin: 0 12px 10px 0;
  display: inline-block;
}

.mlm-footer-links a:hover {
  color: #fff;
}

.mlm-footer-bottom {
  color: #c6ab93;
  padding: 16px 0 22px;
}

@media (max-width: 991px) {
  .mlm-hero h1 {
    font-size: 39px;
  }
  .mlm-page-hero h1 {
    font-size: 35px;
  }
  .mlm-stats {
    grid-template-columns: 1fr;
  }
}