/* ============================================================
   MULTISERVER PRO -- AUTH CSS
   Archivo: assets/css/auth.css
   ============================================================ */

.auth-body { display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px; }

.auth-wrap { position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center; }

.auth-card {
  background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius-xl);
  padding:40px;width:100%;max-width:440px;position:relative;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.auth-card-wide { max-width:680px; }
.auth-card::before { content:'';position:absolute;top:0;left:10%;right:10%;height:1.5px;background:linear-gradient(90deg,transparent,var(--a),var(--cy),transparent); }
.auth-card::after  { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(79,142,255,.06),transparent 70%);pointer-events:none; }

.auth-logo {
  display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:28px;
}
.auth-logo-name { font-size:18px;font-weight:900;letter-spacing:-.02em;color:var(--t1); }

.auth-title { font-size:22px;font-weight:800;color:var(--t1);text-align:center;margin-bottom:6px;letter-spacing:-.02em; }
.auth-sub   { font-size:13px;color:var(--t3);text-align:center;margin-bottom:28px; }
.auth-sub strong { color:var(--t2); }

.auth-form { position:relative;z-index:1; }

.fields-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 16px; }

.auth-btn {
  width:100%;padding:12px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--a),#2A50E0);color:#fff;
  font-size:14px;font-weight:700;letter-spacing:.04em;
  transition:all .25s;position:relative;overflow:hidden;
  box-shadow:0 0 20px var(--ag);border:none;cursor:pointer;
}
.auth-btn::before { content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);border-radius:inherit; }
.auth-btn:hover   { transform:translateY(-1px);box-shadow:0 0 32px var(--ag); }
.auth-btn:active  { transform:scale(.99); }

.auth-footer { text-align:center;margin-top:20px;font-size:13px;color:var(--t3); }
.auth-footer a { color:var(--a);font-weight:600; }
.auth-footer a:hover { color:var(--a2); }

@media (max-width:600px) { .fields-grid { grid-template-columns:1fr; } .auth-card { padding:28px 20px; } }