*{box-sizing:border-box}html,body{min-height:100%;margin:0}.modern-login{min-height:100vh;color:var(--login-ink);background:var(--login-primary-dark);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.modern-login__page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,var(--login-panel-width));background-image:linear-gradient(90deg,rgba(8,35,27,var(--login-overlay-opacity)),rgba(8,35,27,.42)),var(--login-background-image);background-position:var(--login-background-position);background-size:cover}.modern-login--left .modern-login__page{grid-template-columns:minmax(360px,var(--login-panel-width)) minmax(0,1fr)}.modern-login--left .modern-login__welcome{grid-column:2}.modern-login--left .modern-login__card{grid-column:1;grid-row:1}.modern-login--center .modern-login__page{grid-template-columns:minmax(0,1fr) minmax(360px,var(--login-panel-width)) minmax(0,1fr)}.modern-login--center .modern-login__welcome{display:none}.modern-login--center .modern-login__card{grid-column:2}.modern-login__language{position:absolute;z-index:3;top:24px;right:28px;display:flex;gap:8px}.modern-login--right .modern-login__language{right:calc(var(--login-panel-width) + 28px)}.modern-login__flag{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;text-decoration:none;font-size:11px;font-weight:800}.modern-login__flag img{width:24px;height:16px;border-radius:2px;object-fit:cover}.modern-login__flag.is-active{border-color:var(--login-accent);background:rgba(255,255,255,.14)}.modern-login__welcome{display:flex;align-items:flex-end;padding:9vw 7vw 8vw;color:#fff}.modern-login__welcome>div{max-width:660px}.modern-login__eyebrow{display:block;margin-bottom:13px;color:var(--login-accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.modern-login__welcome h1{max-width:620px;margin:0 0 20px;font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.03;letter-spacing:-.035em}.modern-login__welcome p{max-width:590px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.65}.modern-login__card{min-height:100vh;display:flex;align-items:center;background:var(--login-background);box-shadow:-24px 0 70px rgba(0,0,0,.18)}.modern-login__card-inner{width:100%;padding:56px clamp(30px,4.2vw,68px)}.modern-login__brand{display:inline-flex;max-width:240px;margin-bottom:48px}.modern-login__brand img{display:block;width:auto;max-width:100%;height:64px;object-fit:contain;object-position:left center}.modern-login__eyebrow--dark{margin-bottom:9px}.modern-login__card h2{margin:0;color:var(--login-ink);font-family:Georgia,serif;font-size:40px;font-weight:500;line-height:1.12}.modern-login__subtitle{margin:13px 0 30px;color:var(--login-muted);font-size:15px;line-height:1.6}.modern-login__alert{margin-bottom:22px;padding:15px 17px;border:1px solid #efc9cd;border-radius:12px;color:#7f2630;background:#fff2f3;font-size:13px}.modern-login__alert strong{display:block;margin-bottom:6px}.modern-login__alert ul{margin:0;padding-left:20px}.modern-login__demo{margin-bottom:22px;padding:15px 17px;border:1px solid var(--login-line);border-radius:12px;background:var(--login-surface);font-size:13px}.modern-login__demo strong{color:var(--login-primary)}.modern-login__demo p{margin:6px 0 0;color:var(--login-muted);line-height:1.55}.modern-login__form>label{display:block;margin:18px 0 8px;color:var(--login-ink);font-size:12px;font-weight:800}.modern-login__input{position:relative}.modern-login__input>i{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--login-primary);font-size:16px}.modern-login__input input{width:100%;height:52px;padding:0 16px 0 46px;border:1px solid var(--login-line);border-radius:12px;outline:0;color:var(--login-ink);background:#fff;font:inherit;transition:.2s ease}.modern-login__input input:focus{border-color:var(--login-accent);box-shadow:0 0 0 4px rgba(216,155,69,.13)}.modern-login__input input::placeholder{color:#97a19d}.modern-login__options{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.modern-login__options a,.modern-login__footer a{color:var(--login-primary);font-size:13px;font-weight:700;text-decoration:none}.modern-login__options a:hover,.modern-login__footer a:hover{text-decoration:underline}.modern-login__remember{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:var(--login-muted)!important;font-weight:600!important;cursor:pointer}.modern-login__remember input{width:17px;height:17px;margin:0;accent-color:var(--login-primary)}.modern-login__submit{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;color:#fff;background:var(--login-primary);font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(23,76,60,.22);transition:.2s ease}.modern-login__submit:hover,.modern-login__submit:focus{background:var(--login-primary-dark);transform:translateY(-2px)}.modern-login__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding-top:22px;border-top:1px solid var(--login-line);color:var(--login-muted);font-size:12px}
@media(max-width:900px){.modern-login__page,.modern-login--left .modern-login__page,.modern-login--center .modern-login__page{grid-template-columns:1fr}.modern-login__welcome,.modern-login--left .modern-login__welcome{display:none}.modern-login__card,.modern-login--left .modern-login__card,.modern-login--center .modern-login__card{grid-column:1;grid-row:1;width:min(100% - 28px,var(--login-panel-width));min-height:auto;margin:80px auto 28px;border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.modern-login__language,.modern-login--right .modern-login__language{top:20px;right:20px}.modern-login__card-inner{padding:38px clamp(24px,7vw,48px)}.modern-login__brand{margin-bottom:34px}.modern-login__card h2{font-size:34px}}
@media(min-width:901px) and (max-height:820px){.modern-login__card-inner{padding-top:30px;padding-bottom:25px}.modern-login__brand{margin-bottom:28px}.modern-login__brand img{height:54px}.modern-login__subtitle{margin-bottom:20px}.modern-login__form>label{margin-top:13px}.modern-login__input input{height:49px}.modern-login__options{margin:14px 0}.modern-login__submit{height:52px}.modern-login__footer{margin-top:20px;padding-top:16px}}
@media(max-width:520px){.modern-login__card{width:calc(100% - 20px);margin-top:72px;border-radius:17px}.modern-login__card-inner{padding:30px 22px}.modern-login__brand img{height:52px}.modern-login__options,.modern-login__footer{align-items:flex-start;flex-direction:column}.modern-login__card h2{font-size:31px}}
.modern-login__version{position:absolute;z-index:3;right:calc(var(--login-panel-width) + 28px);bottom:24px;color:var(--login-accent);font-size:13px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.modern-login--left .modern-login__version,.modern-login--center .modern-login__version{right:28px}
@media(max-width:900px){.modern-login__card,.modern-login--left .modern-login__card,.modern-login--center .modern-login__card{margin-bottom:58px}.modern-login__version,.modern-login--left .modern-login__version,.modern-login--center .modern-login__version{right:20px;bottom:20px}}
.modern-login__page{isolation:isolate;background-image:none}
.modern-login__page::before,.modern-login__page::after{position:absolute;z-index:-2;inset:0;content:"";pointer-events:none}
.modern-login__page::before{background-image:var(--login-background-image);background-position:var(--login-background-position);background-size:cover;opacity:var(--login-image-opacity)}
.modern-login__page::after{z-index:-1;background:linear-gradient(90deg,rgba(8,35,27,var(--login-overlay-opacity)),rgba(8,35,27,.42))}
.modern-login__demo-form{margin-top:12px}.modern-login__demo-submit{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--login-accent);border-radius:999px;color:var(--login-ink);background:transparent;font-size:14px;font-weight:800;cursor:pointer;transition:.2s ease}.modern-login__demo-submit:hover,.modern-login__demo-submit:focus{color:var(--login-primary-dark);background:var(--login-accent);box-shadow:0 10px 24px rgba(216,155,69,.2);transform:translateY(-2px)}