/* DATPOL Academy login presentation. Native authentication, CAPTCHA and MFA unchanged. */
.page-home .container:has(.da-home)>:has(.login-section){width:340px!important;flex-basis:340px!important;padding-top:34px}
.login-section{--da-login-ink:#16334d;box-sizing:border-box!important;width:100%!important;max-width:420px;margin-inline:auto;border:1px solid #d8e5ef!important;border-radius:20px!important;padding:28px!important;background:#fff!important;box-shadow:0 16px 48px -20px #15324c40!important;overflow:hidden;gap:0!important;align-items:stretch!important}
.login-section .login-section__title{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:26px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.5px!important;text-align:left!important;color:white!important;background:linear-gradient(125deg,#132f49,#1c4e71);padding:27px 28px 25px!important;margin:-28px -28px 26px!important;border-radius:19px 19px 0 0;flex:none}
.login-section__title:before{content:'AKADEMIA DATPOL';display:block;color:#9dd6f7;font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.5;margin-bottom:12px}
.login-section__title:after{content:'Twoje szkolenia, postępy i kolejny krok w nauce.';display:block;color:#d7e7f2;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.65;margin-top:12px;max-width:260px}
html:lang(en) .login-section__title:after{content:'Your courses, progress and next step in learning.'}
.login-section .login-section__form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0;margin:0!important}
.login-section__form>.field{width:100%!important;max-width:none!important;box-sizing:border-box;margin:0 0 16px!important;align-self:stretch!important}
.login-section .p-inputtext{box-sizing:border-box!important;display:block;width:100%!important;min-height:50px!important;height:50px!important;padding:13px 15px!important;background:#f7fafc!important;border:1px solid #ccdce8!important;border-radius:10px!important;color:#16334d!important;font-size:15px!important;line-height:22px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.login-section .p-inputtext::placeholder{color:#627b8e!important;opacity:1!important}
.login-section .p-inputtext:focus{outline:0!important;border-color:#2376b0!important;box-shadow:0 0 0 3px #2382be22!important;background:#fff!important}
.login-section .p-password{width:100%!important;display:block!important;position:relative}
.login-section .p-password-input{padding-right:46px!important}
.login-section .p-password-toggle-mask-icon{width:18px;height:18px;color:#58758b;right:15px;top:50%;margin-top:-9px}
.login-section .login-section__remember-me{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:2px 0 22px!important;padding:0!important;min-height:26px}
.login-section__remember-me label{font-size:13px!important;color:#526a7d!important;font-weight:400!important;line-height:1.5!important;cursor:pointer}
.login-section__remember-me .p-toggleswitch{flex:none}
.login-section .login-section__buttons{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:18px!important}
.login-section .login-section__buttons button,.login-section .login-section__buttons a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:49px!important;padding:12px 16px!important;border-radius:10px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:23px!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;margin:0!important}
.login-section .login-section__buttons button{background:#1768a4!important;border:1px solid #1768a4!important;color:#fff!important;box-shadow:0 4px 10px #1768a41a!important}
.login-section .login-section__buttons button:hover{background:#125485!important;border-color:#125485!important}
.login-section .login-section__buttons a{background:#fff!important;border:1px solid #cbdce9!important;color:#20597e!important;box-shadow:none!important}
.login-section .login-section__buttons a:hover{background:#f1f7fb!important;border-color:#97b9d1!important}
.login-section .login-section__form>.text-center{margin:0!important;padding:16px 0 0!important;border-top:1px solid #e6eef4;text-align:center!important}
.login-section #forgot{display:inline-block;margin:0!important;padding:4px 0!important;font-size:12px!important;line-height:1.6!important;font-weight:400!important;color:#476c88!important;text-underline-offset:3px}
.login-section #forgot:hover{text-decoration:underline}
.login-section a:focus-visible,.login-section button:focus-visible{outline:3px solid #4897c7!important;outline-offset:3px!important}
.login-section>.mt-3:empty{display:none}
@media(max-width:1100px) and (min-width:761px){.page-home .container:has(.da-home)>:has(.login-section){width:310px!important;flex-basis:310px!important}}
@media(max-width:760px){.page-home .container:has(.da-home)>:has(.login-section){width:100%!important;flex-basis:auto!important;padding-top:0!important}.login-section{padding:25px!important;border-radius:18px!important}.login-section .login-section__title{margin:-25px -25px 24px!important;padding:25px!important;border-radius:17px 17px 0 0}.login-section .p-inputtext{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.login-section *{transition:none!important}}