:root{
  --lp-bg:#0b0d10;
  --lp-card:#0f141a;
  --lp-primary:#1f3b5b; /* azul */
  --lp-accent:#c44e2e;  /* naranja */
  --lp-stroke:#243244;
  --lp-text:#e6e9ef;
  --lp-muted:#9aa7b5;
}

/* Navbar */
.lp-navbar{
  background: rgba(15,20,26,.9);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}

/* Hero */
.landing-body{ background: linear-gradient(180deg, #0b0d10, #0f141a); color:var(--lp-text); }
.lp-hero{ min-height: calc(100vh - 60px); display:flex; align-items:center; }
.text-light-50{ color: rgba(230,233,239,.7) !important; }
.text-light-75{ color: rgba(230,233,239,.85) !important; }

.lp-hero-card{
  position: relative;
  background: var(--lp-card);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
}
.lp-hero-glow{
  position:absolute; inset:0; border-radius:16px; pointer-events:none;
  background:
    radial-gradient(500px 200px at 10% 10%, rgba(31,59,91,.20), transparent 60%),
    radial-gradient(480px 180px at 90% 80%, rgba(196,78,46,.18), transparent 60%);
  mix-blend-mode: screen;
}

.lp-feature{
  background: #0f141a;
  border:1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 18px;
}
.lp-feature i{ color: #9bb0c6; font-size: 20px; margin-bottom: 8px; display:block; }
.lp-feature h6{ margin:0 0 6px; }

/* Botones */
.btn-primary{
  background: linear-gradient(180deg, #264a74, #1f3b5b);
  border-color: #1f3b5b;
}
.btn-primary:hover{ filter: brightness(1.05); }

/* Footer */
.lp-footer{
  background: #0f141a;
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Responsive */
@media (max-width: 768px){
  .lp-hero{ padding-top: 20px; }
}
