/*
 * EPMDK
 * Autor pierwotnej wersji systemu: Konrad Broniszewski
 *
 * System przeznaczony do użytku
 * Powiatowego Młodzieżowego Domu Kultury w Lubartowie.
 *
 * W zakresie, w jakim autorskie prawa majątkowe do niniejszego
 * kodu przysługują Konradowi Broniszewskiemu, PMDK korzysta
 * z niego na podstawie nieodpłatnej, niewyłącznej licencji.
 *
 * Udzielenie prawa do korzystania z systemu nie stanowi
 * przeniesienia autorskich praw majątkowych przysługujących Autorowi.
 *
 * Bez odrębnego uprawnienia kod nie może być sprzedawany,
 * publicznie rozpowszechniany ani wykorzystywany jako podstawa
 * produktu lub usługi dla podmiotów trzecich.
 *
 * Komponenty osób trzecich podlegają własnym licencjom.
 *
 * Szczegóły: LICENSE_NOTICE.txt
 */
*{box-sizing:border-box}
:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#202b3e;background:#f1f3f6;font-synthesis:none}
body{margin:0}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}
.login-page{min-height:100svh;display:grid;place-items:center;padding:32px}
.login-shell{width:min(1180px,100%);min-height:760px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e1e5eb;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #20314b0c}
.login-story{position:relative;display:flex;flex-direction:column;padding:42px 46px 28px;background:#182d42;color:#fff;overflow:hidden}
.login-brand{position:relative;z-index:1;display:flex;gap:14px;align-items:center;font-size:13px;font-weight:550;line-height:1.6;text-decoration:none;letter-spacing:.015em}
.login-monogram{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid #ffffff45;border-radius:12px;font-size:17px;font-weight:800;line-height:1.05;letter-spacing:.06em;color:#c1e8df}
.login-story-copy{margin-top:70px;position:relative;z-index:1}.login-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:.13em;color:#c0d0df}.login-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#a6dccd}
.login-story h2{font-size:clamp(34px,3.6vw,48px);line-height:1.18;letter-spacing:-.045em;font-weight:550;margin:24px 0 20px}.login-story h2 em{font-style:normal;color:#a6dccd}.login-story-copy p{font-size:14px;line-height:1.85;color:#bdcbd8;margin:0}
.login-art{height:225px;position:relative;margin-top:30px;isolation:isolate}.art-orbit{position:absolute;width:265px;height:265px;border:1px solid #ffffff16;border-radius:50%;top:-5px;right:-20px}.art-orbit:after{content:"";position:absolute;inset:24px;border:1px solid #ffffff10;border-radius:50%}.art-disc{position:absolute;width:80px;height:80px;border-radius:50%;background:#e5bda3;top:8px;right:14px}
.art-arch{position:absolute;bottom:7px;left:100px;width:146px;height:180px;border-radius:80px 80px 8px 8px;background:#a8d7cb;transform:rotate(-8deg);overflow:hidden}.art-arch>div{position:absolute;inset:28px 28px -10px;border:1px solid #326b6760;border-radius:75px 75px 0 0}.art-arch>div:after{content:"";position:absolute;inset:17px 17px -10px;border:1px solid #326b6740;border-radius:75px 75px 0 0}
.art-tile{position:absolute;left:8px;top:30px;display:grid;place-items:center;width:100px;height:100px;border-radius:18px;background:#bdb9e2;color:#343e67;transform:rotate(-13deg)}.art-tile svg{width:63px;height:63px}
.art-caption{position:absolute;bottom:29px;right:0;display:flex;flex-direction:column;gap:7px;padding:20px 23px;background:#243e53eF;border:1px solid #ffffff22;border-radius:13px;box-shadow:0 12px 25px #0c203322;transform:rotate(5deg);font-size:13px;font-weight:550;color:#e7eef5}.art-caption span:last-child{color:#a6dccd}.art-dots{position:absolute;left:16px;bottom:12px;width:51px;height:29px;background:radial-gradient(circle,#b6c9d977 1.5px,transparent 2px) 0 0/12px 12px}
.login-story-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:25px;border-top:1px solid #ffffff18;font-size:10px;letter-spacing:.1em;color:#b1c1d0}.login-story-footer span:last-child{letter-spacing:.02em}
.login-panel{display:flex;flex-direction:column;padding:35px 44px 24px;min-width:0}.login-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:650;letter-spacing:.09em;color:#717d8c}.login-access{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:450;letter-spacing:0}.login-access svg{width:15px;height:15px;stroke:#778797;fill:none;stroke-width:1.4}
.login-form-wrap{width:100%;max-width:365px;margin:auto; padding:42px 0 34px}.login-welcome-mark{display:grid;place-items:center;width:44px;height:44px;background:#eff4f5;border:1px solid #e0e9ea;border-radius:12px;color:#336866;margin-bottom:23px}.login-welcome-mark svg{width:25px;height:25px}
.login-heading h1{font-size:34px;font-weight:650;letter-spacing:-.045em;margin:0 0 12px}.login-heading p{font-size:14px;line-height:1.8;color:#687485;margin:0 0 28px}.login-field{margin-bottom:21px}.login-field label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.login-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.login-label-row a{font-size:11px;font-weight:600;color:#3d6966;text-decoration:none}.login-label-row a:hover{text-decoration:underline}
.login-field input{display:block;width:100%;height:50px;padding:0 15px;background:#fff;border:1px solid #d8dee6;border-radius:9px;font-size:13px;color:#202b3e;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#7b8592}.login-field input:focus{outline:none;border-color:#4d817b;box-shadow:0 0 0 3px #3d807416}.login-field input[aria-invalid=true]{border-color:#b85656}.login-password{position:relative}.login-password input{padding-right:50px}.login-reveal{display:grid;place-items:center;position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;border-radius:7px;background:transparent;color:#717e8e}.login-reveal:hover,.login-reveal[aria-pressed=true]{background:#edf3f2;color:#2b6960}.login-reveal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.login-reveal[aria-pressed=true] svg{opacity:.65}
.login-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:16px;height:50px;border:1px solid #243f56;border-radius:9px;background:#243f56;color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 10px #203b5314;transition:background .15s}.login-submit:hover{background:#172e42}.login-submit:disabled{cursor:wait;opacity:.7}.login-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-divider{display:flex;align-items:center;gap:13px;margin:23px 0 17px;color:#778292;font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e7ebef;flex:1}.login-sso{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px;border:1px solid #d8dee6;border-radius:9px;font-size:12px;font-weight:600;text-decoration:none}.login-sso:hover{background:#f5f8fa}.login-sso svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}
.login-help{display:flex;align-items:flex-start;gap:10px;margin-top:30px;padding-top:23px;border-top:1px solid #e9edf1}.login-help-icon{display:grid;place-items:center;width:17px;height:17px;margin-top:2px;flex-shrink:0;border:1px solid #98a4b0;border-radius:50%;font-size:11px;color:#778595}.login-help p{font-size:11px;line-height:1.8;color:#738091;margin:0}.login-help strong{font-weight:550;color:#4c596c}.login-panel-footer{font-size:9px;color:#75808f;text-align:center;line-height:1.7}.login-message{padding:13px 15px;margin-bottom:20px;border-radius:9px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.login-message strong,.login-message span{display:block}.login-message-error{background:#fff2f1;color:#953b36;border:1px solid #f1d6d2}.login-message-success{background:#edf8f2;color:#25674a;border:1px solid #cfe7d8}.login-caps{font-size:11px;margin:8px 0 0;color:#996015}.login-progress{font-size:12px;text-align:center;color:#576d80;margin:12px 0 0}
.login-skip{position:fixed;left:20px;top:-100px;z-index:20;background:#fff;padding:12px;border:2px solid #243f56;border-radius:8px}.login-skip:focus{top:15px}a:focus-visible,button:focus-visible{outline:3px solid #619f98;outline-offset:4px}
@media(min-width:1500px){.login-shell{min-height:800px}.login-story-copy{margin-top:86px}.login-art{margin-top:45px}}
@media(max-width:1000px){.login-page{padding:20px}.login-story{padding:34px 30px 26px}.login-panel{padding:32px 30px 24px}.login-panel-top{font-size:8px}.login-access{font-size:9px}.login-story h2{font-size:37px}.art-caption{right:-10px;font-size:11px;padding:16px}.art-arch{left:65px}.login-brand{font-size:11px}.login-eyebrow{font-size:8px}}
@media(max-width:760px){.login-page{padding:0;display:block;background:#fff}.login-shell{min-height:100svh;border:0;border-radius:0;display:flex;flex-direction:column;box-shadow:none}.login-story{padding:23px 25px}.login-brand{font-size:12px}.login-monogram{width:42px;height:42px;font-size:15px}.login-story-copy,.login-art,.login-story-footer{display:none}.login-panel{padding:24px;flex:1}.login-panel-top{width:100%;max-width:400px;margin:0 auto;font-size:9px}.login-access{font-size:10px}.login-form-wrap{max-width:400px;padding:34px 0}.login-heading h1{font-size:31px}.login-heading p{font-size:14px}.login-field input{font-size:16px}.login-panel-footer{margin-top:auto}.login-help p{font-size:12px}.login-label-row a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}