/* EKKO — cuenta.css: formularios de registro/login/panel */
body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.tarjeta-cuenta{
  width:100%;max-width:440px;
  background:linear-gradient(180deg,rgba(20,24,51,.6),rgba(11,14,30,.4));
  border:1px solid var(--linea);
  border-radius:22px;
  padding:44px 36px 32px;
  text-align:center;
}
.tarjeta-cuenta.ancha{max-width:560px}
.logo-cuenta{
  font-family:'Fraunces',serif;font-weight:300;font-size:26px;
  letter-spacing:.32em;color:var(--luna);text-decoration:none;
  display:inline-flex;align-items:baseline;margin-bottom:22px;
}
.logo-cuenta .k2{display:inline-block;transform:scaleX(-1)}
.tarjeta-cuenta h1{
  font-family:'Fraunces',serif;font-weight:400;font-size:26px;margin-bottom:6px;
}
.tarjeta-cuenta .sub{color:rgba(184,181,224,.7);font-size:14.5px;margin-bottom:26px}
.avisos{
  border:1px solid rgba(224,120,88,.4);border-radius:12px;
  background:rgba(224,120,88,.08);padding:12px 16px;margin-bottom:18px;
  font-size:13.5px;line-height:1.6;color:#f0c4b0;text-align:left;
}
.avisos a{color:var(--brasa)}
form{text-align:left}
form label{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(184,181,224,.75);margin-bottom:16px}
form input[type=text],form input[type=email],form input[type=password]{
  display:block;width:100%;margin-top:6px;
  background:rgba(11,14,30,.6);border:1px solid var(--linea);border-radius:12px;
  padding:13px 14px;color:var(--luna);font-family:'Instrument Sans',sans-serif;font-size:15px;
}
form input:focus{outline:none;border-color:rgba(224,164,88,.55);box-shadow:0 0 0 3px rgba(224,164,88,.12)}
.consentimiento{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;
  font-size:12.5px;line-height:1.6;color:rgba(237,235,250,.72);margin:20px 0 22px}
.consentimiento input{margin-top:3px;accent-color:var(--brasa);width:16px;height:16px;flex:0 0 auto}
.consentimiento a{color:var(--brasa)}
.consentimiento b{color:var(--luna);font-weight:600}
.boton-cuenta{
  width:100%;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--noche);background:var(--brasa);border:none;border-radius:99px;
  padding:16px 20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;
}
.boton-cuenta:hover{transform:scale(1.02);box-shadow:0 10px 34px rgba(224,164,88,.35)}
.pie-cuenta{margin-top:20px;font-size:13.5px;color:rgba(184,181,224,.65)}
.pie-cuenta a{color:var(--brasa);text-decoration:none}
.puertas-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:10px 0 6px}
@media (max-width:520px){.puertas-panel{grid-template-columns:1fr}}
.puerta-panel{
  border:1px solid var(--linea);border-radius:16px;padding:22px 12px;text-decoration:none;color:inherit;
  background:linear-gradient(180deg,rgba(20,24,51,.5),transparent);
  transition:transform .25s ease,border-color .25s ease;
}
.puerta-panel:hover{transform:translateY(-4px);border-color:rgba(224,164,88,.45)}
.puerta-panel span{display:block;font-family:'Fraunces',serif;font-size:30px;color:var(--brasa);margin-bottom:8px}
.puerta-panel b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:16px}
.puerta-panel small{display:block;margin-top:4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(184,181,224,.5)}
