/* Panel wejścia wzorowany na rzeczywistym pulpicie PRO v0.7.35.1.
   Zmiany wyłącznie wizualne i tylko przed zalogowaniem. */
html #authGate:has(.auth-card:not(.hub-open)){
  background:radial-gradient(ellipse at 50% 0%,#102d49 0%,#071827 56%,#04111d 100%)!important;
}
html #authGate .auth-card:not(.hub-open){
  border:1px solid #254767!important;
  border-radius:13px!important;
  background:#061222!important;
  box-shadow:0 20px 65px #0009!important;
}
html #authGate .auth-card:not(.hub-open) .auth-brand{
  background:#fff!important;
  border-bottom:1px solid #d8e5f1!important;
  border-radius:12px 12px 0 0!important;
  padding:10px 24px!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame{
  background:#fff!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame img{
  max-height:100px!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:20px;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-heading{
  padding:4px 0 10px;
  border-bottom:1px solid #24435e;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-heading h2{
  font:900 clamp(23px,2.7vw,31px)/1.12 Inter,Arial,sans-serif;
  letter-spacing:-.035em;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-eyebrow{
  color:#8eb9d8;letter-spacing:.12em;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-access{
  background:#0a2136;border:1px solid #315978;
  color:#c4e0f5;border-radius:6px;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms>.auth-login-view:not(.auth-email-verify){
  background:#102b43!important;
  border:1px solid #315b7d!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:22px!important;
}
html #authGate .auth-card:not(.hub-open) #authRegisterView{
  background:#102b43!important;
  border-color:#315b7d!important;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-card-header{
  color:#9bc5e2;border-bottom:1px solid #2b4c68;
  padding-bottom:11px;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-indicator{
  background:#0b263c;border-color:#315b7d;color:#c8e8ff;
  border-radius:5px;
}
html #authGate .auth-card:not(.hub-open) #authRegisterView .pro41-auth-indicator{
  background:#3c3215;border-color:#977521;color:#ffe18a;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms h1{
  font:900 clamp(21px,2.2vw,27px)/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-field input{
  border:1px solid #426886!important;
  border-radius:6px!important;
  background:#091e32!important;
}
html #authGate .auth-card:not(.hub-open) #authSubmit{
  background:#147ed1!important;border:1px solid #3598e7!important;
  border-radius:6px!important;color:#fff!important;
}
html #authGate .auth-card:not(.hub-open) #authRegisterSubmit{
  background:#ffc400!important;border:1px solid #ffda51!important;
  border-radius:6px!important;color:#091726!important;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms .auth-demo-hint{
  background:#0a2237;border-color:#315b7d;border-radius:7px;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-steps{
  border-top:1px solid #254767;
}
html #authGate .auth-card:not(.hub-open) .pro41-auth-steps b{
  border-radius:6px;background:#123a57;
}
#authGate .auth-remember{
  display:flex;align-items:flex-start;gap:10px;margin:15px 0 0;
  color:#d9e8f5;font:600 12px/1.5 Inter,Arial,sans-serif;cursor:pointer;
}
#authGate .auth-remember input{
  width:17px;height:17px;margin:1px 0 0;
  accent-color:#218ed0;flex-shrink:0;
}
#authGate .auth-remember-note{
  margin:6px 0 0;color:#a8c5d9;font:400 11px/1.5 Inter,Arial,sans-serif;
}
@media(max-width:800px){
  html #authGate .auth-card:not(.hub-open) .auth-entry-forms{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:520px){
  html #authGate .auth-card:not(.hub-open) .auth-brand{padding:8px 12px!important}
  html #authGate .auth-card:not(.hub-open) .auth-entry-forms{padding:13px;gap:13px}
  html #authGate .auth-card:not(.hub-open) .auth-entry-forms>.auth-login-view:not(.auth-email-verify){padding:17px!important}
}

/* 2026-10: original white logo on left; educational user zone on right. */
html #authGate .auth-card:not(.hub-open) .auth-brand{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:clamp(12px,3vw,36px)!important;padding:18px clamp(16px,3vw,34px)!important;
}
html #authGate .auth-card:not(.hub-open) .auth-brand-main{
  flex:0 1 47%!important;min-width:0!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame{
  width:100%!important;max-width:480px!important;
}
html #authGate .auth-card:not(.hub-open) .brand-art-frame img{
  width:100%!important;height:auto!important;max-height:130px!important;object-fit:contain!important;
}
#authGate .auth-brand-public{
  flex:1 1 48%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  gap:8px;color:#0a2941;text-align:left;
}
#authGate .auth-brand-public strong{
  font:900 clamp(21px,3vw,36px)/1.15 Rajdhani,Inter,Arial,sans-serif;letter-spacing:.035em;
}
#authGate .auth-brand-public span{font:500 clamp(12px,1.4vw,16px)/1.5 Inter,Arial,sans-serif}
#authGate .auth-brand-public small{
  font:850 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em;color:#0a2941;font-size:13px;font-weight:800;text-transform:uppercase;
}
html #authGate .auth-card:not(.hub-open) .auth-entry-forms{padding-top:25px!important;gap:22px!important}
#authGate .auth-entry-forms .auth-register-note{
  margin:12px 0 12px!important;padding:10px 12px!important;
  border:1px solid #806c46!important;border-radius:9px!important;
  line-height:1.85!important;
}
#authGate .auth-email-actions button{
  color:#ffc400!important;font:900 clamp(13px,1.5vw,16px)/1.45 Inter,Arial,sans-serif!important;
  text-transform:uppercase!important;text-decoration:none!important;letter-spacing:.035em!important;
  padding:11px 5px!important;
}
#authGate .auth-email-actions button:hover{text-decoration:underline!important;color:#ffe27a!important}
#authGate .auth-password-help{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:16px 0 5px;text-align:center;
}
#authGate .auth-password-help button{
  color:#ffce35;background:transparent;border:0;cursor:pointer;
  padding:7px 0;font:800 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.035em;
}
#authGate .auth-password-help button:hover{text-decoration:underline}
#authGate .auth-password-help button:focus-visible,#authGate .auth-email-actions button:focus-visible{
  outline:2px solid #ffc400;outline-offset:3px;
}
#authGate .auth-password-notice{
  margin:8px 0 14px;padding:13px 14px;border:1px solid #406481;border-radius:8px;
  background:#071d30;color:#d5e9f8;font:500 12px/1.65 Inter,Arial,sans-serif;
}
#authGate .auth-password-notice[hidden]{display:none!important}
@media(max-width:650px){
  html #authGate .auth-card:not(.hub-open) .auth-brand{flex-direction:column!important;align-items:stretch!important}
  html #authGate .auth-card:not(.hub-open) .auth-brand-main{flex-basis:auto!important}
  #authGate .auth-brand-public{flex-basis:auto;align-items:center;text-align:center;gap:5px}
  #authGate .auth-brand-public strong{font-size:25px}
}

/* Registration information: high-contrast white card and red spam warning. */
html #authGate .auth-card:not(.hub-open) .auth-entry-forms #authRegisterView .auth-register-note{
  background:#fff!important;color:#111827!important;
  border:1px solid #d3dae4!important;
  font:600 12px/1.6 Inter,Arial,sans-serif!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  box-shadow:0 4px 16px #0002!important;
}
html #authGate .auth-card:not(.hub-open) #authRegisterView .auth-register-note strong{
  display:block!important;margin-top:12px!important;
  color:#c51625!important;font-weight:700!important;
}

/* Ensure welcome tagline remains high-contrast against the white header. */
html #authGate .auth-card:not(.hub-open) .auth-brand-public small{
  color:#071b2d!important;
  opacity:1!important;
  -webkit-text-fill-color:#071b2d!important;
  text-transform:uppercase!important;
  font-size:13px!important;
  font-weight:800!important;
}

/* Compact spam notice; avoid inherited large line-height and empty vertical space. */
html #authGate .auth-card:not(.hub-open) #authRegisterView .auth-register-note{
  line-height:1.45!important;
}
html #authGate .auth-card:not(.hub-open) #authRegisterView .auth-register-note strong{
  margin-top:0!important;
  line-height:1.45!important;
}