
:root{
  --fondo:#0F172A;
  --panel:#1E293B;
  --panel2:#273549;
  --borde:rgba(241,245,249,.14);
  --texto:#F1F5F9;
  --muted:#94A3B8;
  --acento:#F97316;
}

*{box-sizing:border-box;margin:0;padding:0}

html,body{
  min-height:100%;
  font-family:Inter,Arial,sans-serif;
}

body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  color:var(--texto);
  background:linear-gradient(180deg,#1E293B 0%,#0F172A 100%);
}

.oculta{display:none}

.login-container{
  width:100%;
  max-width:390px;
  padding:34px;
  background:rgba(30,41,59,.96);
  border:1px solid var(--borde);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.34);
  text-align:center;
}

.setup-container{
  max-width:500px;
  text-align:left;
}

.logo{
  width:82px;
  height:82px;
  object-fit:cover;
  border-radius:22px;
  margin-bottom:16px;
  box-shadow:0 12px 30px rgba(249,115,22,.18);
}

h1{
  margin-bottom:8px;
  color:var(--texto);
  font-size:27px;
  font-weight:950;
}

.subtitle{
  margin-bottom:24px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

label{
  display:block;
  margin:13px 0 7px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

input{
  width:100%;
  height:52px;
  margin-bottom:5px;
  padding:0 14px;
  color:var(--texto);
  background:var(--panel2);
  border:1px solid var(--borde);
  border-radius:15px;
  outline:none;
  font-size:15px;
}

input::placeholder{color:#64748B}

input:focus{
  border-color:var(--acento);
  box-shadow:0 0 0 3px rgba(249,115,22,.12);
}

button{
  width:100%;
  min-height:54px;
  margin-top:16px;
  padding:12px 16px;
  border:0;
  border-radius:16px;
  background:var(--acento);
  color:#0F172A;
  font-size:15px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(249,115,22,.22);
}

button:hover{background:#fb923c}

.error{
  min-height:18px;
  margin-top:10px;
  color:#FCA5A5;
  font-size:13px;
  line-height:1.4;
}

@media(max-width:520px){
  body{padding:14px}
  .login-container{padding:26px 20px;border-radius:20px}
}
