/* RozdzielnicaPRO v0.7.36.1 — matching sign-in and registration to User Panel PRO.
   Frontend-only. Do not change session handling, API, validation or the signed-in hub. */
#authGate .auth-card:not(.hub-open) {
  border-color:#356b91!important;
  background:linear-gradient(135deg,#122e48 0%,#0a2035 58%,#09192c 100%)!important;
}
#authGate .auth-card:not(.hub-open) .auth-entry-forms{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:17px 19px;
  padding:25px clamp(15px,3vw,30px) 23px;
}
#authGate .auth-entry-forms .pro41-auth-heading{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-width:0;
  padding:8px 3px 10px;
}
#authGate .pro41-auth-heading>div{min-width:0}
#authGate .pro41-auth-eyebrow{
  display:block;color:#90c9f2;font:850 10px/1.4 Inter,Arial,sans-serif;
  letter-spacing:.14em;margin-bottom:8px;
}
#authGate .pro41-auth-heading h2{
  margin:0 0 7px;color:#f5fbff;
  font:900 clamp(24px,3vw,34px)/1.12 Rajdhani,Inter,sans-serif;
  letter-spacing:.02em;
}
#authGate .pro41-auth-heading p{
  color:#b6cfe4;font:500 12px/1.65 Inter,Arial,sans-serif;margin:0;max-width:650px;
}
#authGate .pro41-auth-access{
  flex:0 0 auto;
  border:1px solid #3c6b8a;
  border-radius:30px;background:#113650;
  padding:10px 12px;color:#bedff7;
  font:850 9px/1.3 Inter,Arial,sans-serif;letter-spacing:.055em;
  text-align:center;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms>.auth-login-view:not(.auth-email-verify){
  display:flex;flex-direction:column;
  min-height:100%;
  padding:23px clamp(15px,2.15vw,25px) 19px;
  border:1px solid #375f7e;
  border-radius:14px;
  background:linear-gradient(150deg,#153954 0%,#0c283f 52%,#0a1f34 100%);
  box-shadow:inset 0 1px #ffffff0f,0 12px 26px #020a1536;
}
html #authGate .auth-card:not(.hub-open) #authRegisterView{
  background:linear-gradient(145deg,#153b56 0%,#0c283f 58%,#0b2136 100%)!important;
  border-color:#467b9c!important;
}
#authGate .pro41-auth-card-header{
  display:flex;align-items:center;justify-content:space-between;gap:6px;
  flex-wrap:wrap;margin:0 0 15px;
  color:#91c9f2;font:850 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.06em;
}
#authGate .pro41-auth-indicator{
  padding:5px 8px;border-radius:6px;
  background:#0d3c54;border:1px solid #35728e;
  color:#ccecff;font:800 9px/1.2 Inter,Arial,sans-serif;
}
#authGate #authRegisterView .pro41-auth-indicator{
  color:#ffdf92;border-color:#765d34;background:#3b301b;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms h1{
  color:#fff!important;
  font:900 clamp(23px,2.4vw,29px)/1.2 Rajdhani,Inter,sans-serif!important;
  letter-spacing:.035em!important;margin:0 0 9px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-login-view>p{
  font-size:12px!important;line-height:1.7!important;
  color:#c1d9ec!important;min-height:44px;margin:0 0 10px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field{margin-top:12px!important}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field span{
  font-size:10px!important;letter-spacing:.06em!important;color:#d1e7fa!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input{
  min-height:45px!important;height:45px!important;
  border:1px solid #507c9c!important;border-radius:9px!important;
  background:#071d30!important;color:#f6fbff!important;
  font-size:13px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input::placeholder{color:#90aac0}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input:focus-visible{
  border-color:#92d4ff!important;outline:2px solid #75c7ff!important;outline-offset:2px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-submit{
  min-height:49px!important;border-radius:9px!important;
  font:900 12px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.035em!important;
  transition:filter .15s ease,transform .15s ease;
}
html #authGate .auth-card:not(.hub-open) #authSubmit{
  background:linear-gradient(120deg,#258dd5,#17669f)!important;
  color:#fff!important;border:1px solid #68bbf2!important;
}
html #authGate .auth-card:not(.hub-open) #authRegisterSubmit{
  background:linear-gradient(120deg,#f6d76b,#e4b938)!important;
  border:1px solid #ffe69b!important;color:#152233!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-submit:hover{
  filter:brightness(1.08)!important;transform:translateY(-1px);
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-submit:focus-visible{
  outline:3px solid #aee1ff!important;outline-offset:3px!important;
}
#authGate .auth-entry-forms .auth-demo-hint{
  margin-top:auto;padding:13px 14px;
  background:#092439;border-color:#335d7d;border-radius:10px;
}
#authGate .auth-entry-forms .auth-demo-hint span{color:#99cef0!important;font-weight:900}
#authGate .auth-entry-forms .auth-demo-hint small{color:#c5daea!important;line-height:1.65!important}
#authGate .auth-entry-forms #authRegisterView .auth-register-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;
}
#authGate .auth-entry-forms #authRegisterView .auth-register-note{
  margin:17px 0 2px;
  padding:13px 14px;border-radius:9px;
  background:linear-gradient(120deg,#342e1f,#252719);
  border-color:#806c46;color:#f5e1b4;
  font-size:11px;line-height:1.75;
}
#authGate .auth-entry-forms .pro41-auth-steps{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:center;gap:9px 18px;flex-wrap:wrap;
  padding:17px 12px 0;
  border-top:1px solid #315775;
  color:#b9d8ec;font:700 11px/1.5 Inter,Arial,sans-serif;
}
#authGate .pro41-auth-steps span{display:flex;align-items:center;gap:8px}
#authGate .pro41-auth-steps b{
  display:inline-grid;place-items:center;
  width:26px;height:26px;flex:0 0 26px;
  border:1px solid #3e8bb4;background:#143d57;border-radius:50%;
  font:900 10px Inter,Arial,sans-serif;color:#d7f3ff;
}
#authGate .auth-entry-forms:has(#emailVerifyPanel:not([hidden])) :is(.pro41-auth-heading,.pro41-auth-steps){
  display:none!important;
}
@media(max-width:800px){
  #authGate .auth-card:not(.hub-open) .auth-entry-forms{grid-template-columns:minmax(0,1fr)}
  #authGate .auth-entry-forms .pro41-auth-heading{grid-column:1}
  #authGate .auth-entry-forms .pro41-auth-steps{grid-column:1}
  #authGate .pro41-auth-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  #authGate .auth-card:not(.hub-open) .auth-entry-forms{padding:14px 12px 16px;gap:12px}
  #authGate .auth-entry-forms .pro41-auth-heading{padding:3px 3px 7px}
  #authGate .pro41-auth-heading h2{font-size:27px}
  #authGate .pro41-auth-access{padding:7px 10px}
  #authGate .auth-entry-forms #authRegisterView .auth-register-grid{grid-template-columns:minmax(0,1fr)}
  #authGate .auth-entry-forms .pro41-auth-steps{justify-content:flex-start;padding:13px 2px 2px;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  #authGate .auth-entry-forms .auth-submit{transition:none!important}
  #authGate .auth-entry-forms .auth-submit:hover{transform:none!important}
}