/* RozdzielnicaPRO v0.7.33.5 — spacious dual authentication entrance.
   Scope everything to unauthenticated card; keep PRO user hub untouched. */
#authGate:has(.auth-card:not(.hub-open)){
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:clamp(12px,2.4vh,28px) 12px!important;
  scrollbar-width:thin;
}
html #authGate .auth-card:not(.hub-open){
  box-sizing:border-box!important;
  width:min(1040px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #37658b!important;
  border-radius:19px!important;
  background:linear-gradient(155deg,#152c44 0%,#101f34 58%,#0c1b2e 100%)!important;
  box-shadow:0 28px 88px #0009,inset 0 1px #ffffff1b!important;
}
html #authGate .auth-card:not(.hub-open) .auth-brand{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:15px clamp(20px,5vw,58px)!important;
  border-bottom:1px solid #d8e5f1!important;
  border-radius:18px 18px 0 0;
  background:#fff!important;
}
html #authGate .auth-card:not(.hub-open) .auth-brand-main{
  display:flex!important;
  flex:0 1 590px!important;
  width:100%!important;
  max-width:590px!important;
  margin:0 auto!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:195px;
  aspect-ratio:640/215;
  object-fit:contain!important;
}
#authGate .auth-card.hub-open .auth-entry-forms{display:none!important}
html #authGate .auth-card:not(.hub-open) .hub-brand-welcome{display:none!important}
#authGate .auth-entry-forms{
  display:grid;
  grid-template-columns:minmax(0,0.88fr) minmax(0,1.12fr);
  align-items:stretch;
  gap:18px;
  padding:22px 24px 16px;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms>.auth-login-view:not(.auth-email-verify){
  box-sizing:border-box;
  min-width:0;
  width:100%;
  margin:0;
  padding:23px clamp(17px,2.5vw,27px) 18px;
  border:1px solid #426182;
  border-radius:14px;
  background:linear-gradient(165deg,#18354f 0%,#122940 100%);
  box-shadow:inset 0 1px #ffffff13,0 10px 30px #07111e35;
}
#authGate .auth-entry-forms>.auth-login-view[hidden]{display:none!important}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms h1{
  margin:0 0 7px!important;
  font:800 clamp(22px,2.2vw,27px)/1.15 Rajdhani,Inter,sans-serif!important;
  letter-spacing:.5px!important;
  color:#f5faff!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-login-view>p{
  margin:0 0 16px!important;
  color:#bdcee0!important;
  font:500 12px/1.6 Inter,Arial,sans-serif!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{
  display:block;
  margin-bottom:6px!important;
  color:#b8d5ef!important;
  font:800 10px/1.3 Inter,Arial,sans-serif!important;
  letter-spacing:.55px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input{
  box-sizing:border-box;
  min-width:0;
  width:100%!important;
  height:42px!important;
  padding:0 12px!important;
  border:1px solid #49708e!important;
  border-radius:7px!important;
  background:#071b2c!important;
  color:#f4f9ff!important;
  font:500 13px Inter,Arial,sans-serif!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input:focus-visible{
  outline:2px solid #71c1ff!important;
  outline-offset:2px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-submit{
  min-height:44px!important;
  height:auto!important;
  margin-top:17px!important;
  padding:10px 12px!important;
  border-radius:8px!important;
  font:800 12px/1.4 Inter,Arial,sans-serif!important;
  letter-spacing:.2px!important;
  white-space:normal;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-message{
  min-height:17px!important;
  margin-top:10px!important;
  font:600 11px/1.45 Inter,Arial,sans-serif!important;
}
#authGate .auth-entry-forms .auth-demo-hint{
  margin-top:18px;
  padding:12px;
  border-radius:9px;
  border:1px solid #34526c;
  background:#0c2338;
}
#authGate .auth-entry-forms .auth-demo-hint span{
  font-size:10px!important;
  letter-spacing:.5px;
}
#authGate .auth-entry-forms .auth-demo-hint small{
  font-size:11px!important;
  line-height:1.55!important;
}
#authGate .auth-entry-forms .auth-registration-invite{
  margin-top:19px;
  padding-top:17px;
  gap:10px;
  color:#c4d7e9;
  font-size:11px;
}
#authGate .auth-entry-forms #authShowRegister,
#authGate .auth-entry-forms #authBackToLogin{
  min-height:35px;
  padding:7px 12px;
  font-size:11px;
}
#authGate .auth-entry-forms #authRegisterView .auth-register-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 12px;
}
#authGate .auth-entry-forms #authRegisterView .auth-register-note{
  margin:13px 0 0;
  padding:10px 12px;
  border:1px solid #816c3c;
  border-radius:8px;
  background:#302912;
  color:#f6dfaa;
  font:600 11px/1.55 Inter,Arial,sans-serif;
}
#authGate .auth-entry-forms #authRegisterView #authRegisterMessage{
  font-size:11px!important;
}
#authGate .auth-entry-forms .auth-email-verify:not([hidden]){
  grid-column:1 / -1;
  justify-self:center;
  width:min(590px,100%);
}
html #authGate .auth-card:not(.hub-open) .auth-footer{
  margin:0!important;
  padding:13px 12px 15px!important;
  border-top:1px solid #294662!important;
  color:#adc4d8!important;
  font:700 10px/1.55 Inter,Arial,sans-serif!important;
  letter-spacing:.25px!important;
  background:#0b1c2e;
}
@media(max-width:730px){
  #authGate .auth-entry-forms{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    padding:16px;
  }
  html #authGate .auth-card:not(.hub-open) .auth-brand{
    padding:11px 24px!important;
  }
  html #authGate .auth-card:not(.hub-open) .brand-art-frame img{
    max-height:155px;
  }
  #authGate .auth-entry-forms .auth-email-verify:not([hidden]){
    grid-column:1;
  }
}
@media(max-width:420px){
  #authGate:has(.auth-card:not(.hub-open)){padding:8px 5px!important}
  html #authGate .auth-card:not(.hub-open){
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    border-radius:12px!important;
  }
  #authGate .auth-entry-forms{padding:11px;gap:12px}
  html #authGate .auth-card:not(.hub-open) .auth-entry-forms>.auth-login-view:not(.auth-email-verify){
    padding:18px 14px!important;
  }
  html #authGate .auth-card:not(.hub-open) .auth-brand{
    padding:10px 18px!important;
    border-radius:11px 11px 0 0!important;
  }
  #authGate .auth-entry-forms #authRegisterView .auth-register-grid{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  #authGate .auth-entry-forms *{scroll-behavior:auto!important}
}