/* Strona logowania/rejestracji – dedykowane style */
/* Crafted with ❤️ by PixelShark.eu */

.auth-wrap{padding:22px 0}
.auth-grid{display:block}

.auth-card{
  border:1px solid var(--panel-border);
  background:#141416;
  border-radius:16px;
  padding:16px;
  display:grid;
  gap:12px;
  max-width:min(760px,96vw);
  margin:0 auto
}
.auth-title{font-weight:900;letter-spacing:.04em;font-size:clamp(18px,3vw,22px)}
.auth-sub{color:var(--muted);font-size:13px}

/* Tabs */
.tabs{display:flex;gap:8px;background:#101013;border:1px solid var(--panel-border);border-radius:999px;padding:6px;width:fit-content;margin-inline:auto}
.tabs button{appearance:none;border:0;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:800;letter-spacing:.04em;color:var(--muted);background:transparent}
.tabs button[aria-selected="true"]{color:#1a1a1a;background:linear-gradient(135deg,var(--gold-3),var(--gold-2) 45%,var(--gold-4) 58%,var(--gold-1))}

/* Social buttons */
.social{display:flex;gap:10px;flex-wrap:nowrap}
@media (max-width:720px){.social{flex-direction:column}.social .btn-social{width:100%}}
.social .btn-social{
  display:flex;align-items:center;justify-content:center;gap:10px;
  border-radius:12px;padding:12px;font-weight:800;border:1px solid var(--card-bd);
  background:#17171a;color:var(--text);cursor:pointer;flex:1 1 0
}
.btn-social i{font-size:18px}
.btn-social:hover{border-color:var(--card-bd-hover);background:#1b1b1f}

/* Separator */
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.or::before,.or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}

/* Forms */
form.auth-form{display:grid;gap:10px}
.field{display:grid;gap:6px}
.field label{font-size:12px;color:var(--muted)}
.inp{width:100%;border:1px solid var(--panel-border);background:#101013;color:var(--text);border-radius:10px;padding:12px;font-size:14px}
.inp:focus{outline:2px solid var(--gold-2);outline-offset:2px}
.pw-wrap{position:relative}
.pw-wrap .inp{padding-right:44px}
.pw-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  border:1px solid var(--panel-border);background:#101013;color:var(--text);
  border-radius:8px;padding:6px 8px;cursor:pointer;height:32px;min-width:36px;
  display:inline-flex;align-items:center;justify-content:center
}

.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}

.btn-primary{
  display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:12px 16px;
  font-weight:900;letter-spacing:.03em;cursor:pointer;border:1px solid rgba(226,198,118,.35);
  background:linear-gradient(135deg,var(--gold-3),var(--gold-2) 45%,var(--gold-4) 58%,var(--gold-1));
  color:#1a1a1a;justify-content:center
}
.btn-secondary{
  display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:10px 14px;
  font-weight:700;border:1px solid var(--card-bd);background:#17171a;color:var(--text)
}

.hint{font-size:12px;color:var(--muted)}
.legal{font-size:12px;color:var(--muted)}

/* Rezerwacja szerokości ikon Remixicon */
i[class^="ri-"], i[class*=" ri-"]{display:inline-block;width:1.25em;min-width:1.25em;line-height:1;text-align:center}