:root{
  --ink:#2B1B29; --paper:#FBF3E7; --paper-2:#F3E7D6;
  --plum:#4A1F42; --plum-2:#5E2A54; --gold:#E7A93C; --coral:#E2543A;
  --line: rgba(43,27,41,0.14); --shadow: 0 14px 30px -14px rgba(43,27,41,0.35);
}
*{box-sizing:border-box;}
body{margin:0; font-family:'Inter',sans-serif; color:var(--ink);}
button{font-family:inherit; cursor:pointer;}

.cuenta-screen{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:var(--plum); padding:20px;
}
.cuenta-box{
  background:var(--paper); border-radius:20px; padding:36px 32px;
  max-width:380px; width:100%; box-shadow:var(--shadow);
}
.cuenta-logo{
  font-family:'Archivo Black',sans-serif; font-size:24px; text-align:center;
  display:block; color:var(--ink); text-decoration:none;
}
.cuenta-logo span{color:var(--gold);}
.cuenta-sub{text-align:center; font-size:13px; color:#8a7e83; margin:4px 0 22px;}

.google-btn{
  width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
  background:#fff; color:var(--ink); border:1.5px solid var(--line);
  padding:11px; border-radius:999px; font-weight:700; font-size:14px;
}
.google-btn:hover{border-color:var(--coral); color:var(--coral);}

.cuenta-separador{display:flex; align-items:center; gap:10px; margin:18px 0; font-size:11.5px; color:#8a7e83; text-transform:uppercase; letter-spacing:0.4px;}
.cuenta-separador::before, .cuenta-separador::after{content:''; flex:1; height:1px; background:var(--line);}

.cuenta-tabs{display:flex; gap:6px; margin-bottom:20px; background:var(--paper-2); border-radius:999px; padding:4px;}
.cuenta-tab{
  flex:1; background:none; border:none; padding:9px 0; border-radius:999px;
  font-weight:700; font-size:13.5px; color:#8a7e83; transition:all .2s ease;
}
.cuenta-tab.active{background:var(--plum); color:var(--paper);}

.field{margin-bottom:14px;}
.field label{display:block; font-size:12.5px; font-weight:700; margin-bottom:5px;}
.field input{
  width:100%; padding:10px 12px; border:1.5px solid var(--line); border-radius:9px;
  font-family:'Inter',sans-serif; font-size:14px; background:#fff; color:var(--ink);
}
.field input:focus{outline:none; border-color:var(--coral);}

.cuenta-submit{
  width:100%; background:var(--plum); color:var(--paper); border:none;
  padding:12px; border-radius:999px; font-weight:800; font-size:14px; margin-top:6px;
}
.cuenta-submit:hover{background:var(--coral);}

.cuenta-msg{font-size:13px; padding:10px 12px; border-radius:9px; margin-top:12px; display:none;}
.cuenta-msg.ok{display:block; background:#DDEFD9; color:#2C5A25;}
.cuenta-msg.err{display:block; background:#F6D9D3; color:#7A2E1E;}

.cuenta-volver{text-align:center; margin-top:18px; font-size:13px;}
.cuenta-volver a{color:var(--plum); font-weight:700; text-decoration:none;}
.cuenta-volver a:hover{color:var(--coral);}