body.bare.login-page{display:block;background:#f6f9fe;min-height:100dvh;width:100%}
.login-flash{position:fixed;top:12px;right:12px;z-index:10;width:min(420px,calc(100vw - 24px))}
.dfms-login{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;width:100%}
.lg-brand{position:relative;background:#0a1830;color:#fff;overflow:hidden;display:flex}
.lg-photo{position:absolute;inset:0;background:url(../images/automotive-production.jpg) center/cover no-repeat;transform:scale(1.02)}
.lg-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,44,.96) 0%,rgba(8,22,48,.85) 45%,rgba(8,22,48,.6) 100%),linear-gradient(0deg,rgba(8,20,44,.8),transparent 50%)}
.lg-brand-in{position:relative;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:28px;max-width:560px}
.lg-logo{display:flex;align-items:center;gap:16px}
.lg-logo-image{display:block;width:80px;height:auto;object-fit:contain;flex-shrink:0}
.lg-word{display:block;font-size:clamp(38px,4.4vw,54px);font-weight:600;letter-spacing:.02em;line-height:1}
.lg-word b{color:#3b8bff;font-weight:600}
.lg-sub{display:block;margin-top:6px;font-size:14px;color:#d3def2}
.lg-tag{font-size:clamp(17px,1.8vw,21px);margin:0;padding-top:18px;border-top:3px solid #2f78f0;display:inline-block;align-self:flex-start;padding-right:24px}
.lg-feat{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lg-feat li{position:relative;display:flex;flex-direction:column;padding:10px 14px 10px 48px;border-radius:6px;transition:background .2s}
.lg-feat .i{position:absolute;left:4px;top:13px;width:27px;height:27px;color:#80b4ff;stroke-width:1.5}
.lg-feat li:hover{background:rgba(255,255,255,.07);border-color:#5b93f5}
.lg-feat b{font-weight:500;font-size:14.5px}
.lg-feat span{font-size:12.5px;color:#b9c8e3}
.lg-panel{display:grid;place-items:center;padding:32px 20px;background:linear-gradient(160deg,#fff 40%,#eaf1fd)}
.lg-form-wrap{width:min(440px,100%)}
.dfms-login h1{font-size:clamp(28px,3vw,36px);font-weight:600;color:#0f1c36;letter-spacing:-.02em}
.dfms-login h1 span{color:#1a5fe0}
.lg-sub2{color:#4a5a75;font-size:15px;margin:6px 0 0;padding-bottom:14px;position:relative}
.lg-sub2::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:#1a6bf0}
.lg-intro{color:#4a5a75;font-size:14px;margin:16px 0 22px}
.lg-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 18px 40px -26px rgba(20,60,140,.45)}
.lg-card .fld{margin-bottom:16px}
.lg-card .fld>span:first-child{font-size:13px;font-weight:600;color:#14213a}
.lg-card input[type=text],.lg-card input[type=password]{padding:11px 12px;font-size:14px;border-radius:8px}
.lg-card .pw input{padding-right:72px}
.lg-card .pw-t{color:#1a5fe0;font-weight:500;font-size:13px}
.lg-card .btn.primary{padding:12px 14px;font-size:15px;border-radius:8px;background:#1a6bf0;border-color:#1a6bf0}
.lg-card .btn.primary:hover{background:#1452c4;box-shadow:0 8px 18px -10px rgba(26,107,240,.8)}
.lg-card :focus-visible{outline:2px solid #1a6bf0;outline-offset:2px}
.lg-card .validation-errors:empty{display:none}
.lg-card .validation-errors.validation-summary-errors{border:1px solid #f0c0bc}
.lg-card input:invalid:not(:placeholder-shown){border-color:var(--bad)}
.lg-note{margin:18px 0 0;padding:12px 14px;border-radius:8px;background:#e8f0fd;color:#1649a8;font-size:13px;border:1px solid #d3e2fb}
.lg-note{display:flex;gap:10px;align-items:flex-start}
.lg-note .i{margin-top:2px}
.lg-card .btn .i{margin-right:4px}
.lg-setup{margin:12px 0 0;text-align:center;font-size:13px}
.lg-copy{margin:28px 0 0;text-align:center;color:var(--mute);font-size:12px}
@media (max-width:900px){
  .dfms-login{grid-template-columns:1fr}
  .lg-brand-in{padding:28px 24px;gap:16px;max-width:none}
  .lg-feat,.lg-tag{display:none}
  .lg-word{font-size:34px}
  .lg-panel{padding:24px 16px 32px}
}
@media (max-width:520px){.lg-card{padding:16px}}