.login-page{position:relative;isolation:isolate;min-height:100dvh;margin:0;background:#fa9c26;color:#092e51}
.login-scene{position:fixed;inset:0;z-index:-2;background:#f99822 url('/media/login-poster.jpg') center/cover no-repeat;overflow:hidden}
.login-video{width:100%;height:100%;object-fit:cover;object-position:center}
.login-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102c5017 0%,transparent 65%);pointer-events:none}
.login-layout{width:min(1340px,100%);min-height:100dvh;display:grid;grid-template-columns:460px minmax(0,1fr);align-items:center;gap:clamp(70px,8vw,150px);margin:0 auto;padding:85px 30px}
.login-card{width:100%;padding:42px 40px 28px;background:#fff;border:1px solid #ffffffa6;border-radius:24px;box-shadow:0 24px 80px #51200024,0 3px 12px #2d180014}
.login-brands{display:grid;grid-template-columns:minmax(0,1fr) 1px 82px;align-items:center;gap:22px;margin-bottom:36px}
.login-unieuro{display:block;width:100%;max-width:204px;height:auto}.login-sap{display:block;width:82px;height:auto}.login-brand-divider{width:1px;height:35px;background:#dce6f0}
.login-eyebrow{color:#c44d00;font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 12px}
.login-card h1{font-size:34px;line-height:1.2;letter-spacing:-.9px;font-weight:650;color:#092e51;margin:0 0 14px}
.login-intro{font-size:14px;line-height:1.7;color:#62778b;margin:0 0 29px}
.login-card .form-label{font-size:13px;font-weight:600;color:#173d60;margin-bottom:8px}
.login-password{position:relative}.login-password .form-control{height:54px;border:1px solid #cfdce9;border-radius:9px;background:#f8fbff;padding:12px 76px 12px 14px;font-size:16px;color:#092e51}
.login-password>button{position:absolute;right:9px;top:9px;height:36px;min-width:57px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#086ac1;font-size:12px;font-weight:600;cursor:pointer}
.login-password>button:hover{background:#e7f2ff}
.login-card .login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;margin-top:18px;min-height:50px;border-radius:9px;font-size:14px;font-weight:600}
.login-submit>span:last-child{font-size:22px;line-height:1}.login-submit:disabled{opacity:.7}
#loginError{min-height:1.4em;font-size:12px;line-height:1.4;color:#b32936;margin:12px 0 0}
.login-note{margin:19px 0 0;padding-top:19px;border-top:1px solid #e7edf4;font-size:12px;line-height:1.65;color:#5e748a}
.login-introduction{padding:25px 0;color:#082d50}
.login-intro-label{display:inline-block;background:#ffffffbd;border:1px solid #ffffff9c;border-radius:50px;padding:8px 13px;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#103d62;margin-bottom:24px}
.login-introduction h2{font-size:clamp(42px,3.5vw,64px);font-weight:700;line-height:1.1;letter-spacing:-2px;margin:0 0 22px;color:#082d50}
.login-introduction>p{font-size:18px;line-height:1.7;font-weight:500;margin:0 0 32px;color:#18394f}
.login-facts{display:flex;gap:24px;padding-top:23px;border-top:1px solid #14385440;font-size:12px;line-height:1.6;color:#133a55}
.login-facts>span{display:grid;gap:4px}.login-facts strong{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:700}
.login-footer{position:fixed;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;font-size:11px;color:#0b3555}
.login-footer>span{padding:7px 11px;background:#fff9;border:1px solid #fff6;border-radius:6px;backdrop-filter:blur(8px)}
.login-footer>button{padding:8px 12px;border:1px solid #ffffffb3;border-radius:7px;background:#ffffffe0;color:#153e5b;font-size:11px;cursor:pointer;box-shadow:0 2px 8px #71390012}
.login-footer>button:hover{background:white}
:focus-visible{outline:3px solid #0874cb;outline-offset:3px}
@media(min-width:1700px){.login-layout{max-width:1480px;grid-template-columns:490px minmax(0,1fr);gap:180px}.login-card{padding:46px 44px 32px}.login-introduction h2{font-size:72px}}
@media(max-width:1000px){.login-layout{max-width:520px;grid-template-columns:minmax(0,1fr);padding:75px 25px 85px}.login-introduction{display:none}.login-scene{background-position:65% center}.login-video{object-position:65% center}}
@media(max-width:480px){.login-layout{padding:48px 16px 90px}.login-card{padding:30px 27px 25px;border-radius:18px}.login-brands{grid-template-columns:minmax(0,1fr) 1px 72px;gap:16px;margin-bottom:30px}.login-sap{width:72px}.login-card h1{font-size:30px}.login-intro{font-size:13px}.login-footer{padding:12px 16px;align-items:flex-end}.login-footer>span{max-width:170px;font-size:9px;line-height:1.5}.login-footer>button{font-size:10px;padding:8px 10px}}
@media(max-height:720px){.login-layout{padding-top:32px;padding-bottom:76px}.login-card{padding-top:28px;padding-bottom:23px}.login-brands{margin-bottom:23px}.login-intro{margin-bottom:23px}.login-note{margin-top:14px;padding-top:14px}}