/* Transpago — pantallas de autenticación (login). Requiere tokens.css y base.css. */
body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;}
.bg-glow{position:fixed;top:-150px;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(26,115,232,0.08) 0%,transparent 65%);pointer-events:none;}

.auth-card{width:100%;max-width:400px;position:relative;z-index:1;box-shadow:0 20px 60px rgba(0,0,0,0.5);}

.logo-wrap{text-align:center;margin-bottom:28px;}
.logo-wrap img{height:64px;object-fit:contain;}

.tabs{display:flex;background:rgba(255,255,255,0.05);border-radius:10px;padding:4px;margin-bottom:24px;gap:4px;}
.tab{flex:1;padding:9px;border-radius:7px;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;}
.tab.active{background:var(--blue);color:white;box-shadow:0 4px 12px rgba(26,115,232,0.4);}

.field{margin-bottom:14px;}
.field label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.field input{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:border-color .2s;}
.field input:focus{border-color:var(--blue);}
.field input::placeholder{color:var(--muted);}

.divider{height:1px;background:var(--border);margin:20px 0;}
.footer-link{text-align:center;font-size:13px;color:var(--muted);}
.footer-link a{color:var(--blue);text-decoration:none;font-weight:600;}