:root{
  --bg:#0b0f14; --fg:#e6e9ef; --muted:#9aa3af; --brand:#59d185; --card:#11161d; --border:#1b2330;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;
  background: radial-gradient(1200px 800px at 20% -10%, #12202e 0%, transparent 60%), var(--bg);
  color:var(--fg);
}
.wrap{min-height:100%; display:grid; place-items:center; padding:4rem 1.25rem;}
.card{
  width:min(720px,100%);
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);
  border:1px solid var(--border); border-radius:16px; padding:2.5rem; text-align:center;
}
.logo {
  display: inline-flex;
  gap: .5rem;
  align-items: baseline;
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1;              /* 👈 evita que el texto se “mueva” verticalmente */
  letter-spacing: .5px;        /* 👌 leve espaciado visual */
}

.logo .amv {
  background: linear-gradient(90deg, var(--brand), #70e1c5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 2.2rem;           /* 👈 ligeramente más grande y estable */
  font-weight: 800;
  line-height: 1;
}

.logo .sistemas {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--fg);
  opacity: .9;
  line-height: 1;
}
h1{font-size:2rem; margin:.25rem 0 .75rem}
.subtext{color:var(--muted); margin-bottom:1.25rem;}
.cta{display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.5rem}
.btn{
  padding:.8rem 1.1rem; border-radius:12px; background:var(--brand); color:#07120d; text-decoration:none; font-weight:700;
}
.btn.outline{background:transparent; color:var(--fg); border:1px solid #2a3647}
footer{color:var(--muted); font-size:.9rem}