:root{
  --login-navy:#0b2e4f;
  --login-teal:#147d92;
  --login-teal-2:#1c91a7;
  --login-bg:#eef4f8;
  --login-text:#0b1f33;
  --login-muted:#6b7d8d;
  --login-border:#d8e3eb;
  --login-white:#ffffff;
  --login-danger-bg:#fdecec;
  --login-danger:#8a1c13;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.login-modern-body{min-height:100vh;background:var(--login-bg);color:var(--login-text)}
.login-modern-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,46%) minmax(420px,54%)}
.login-brand-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:56px;background:linear-gradient(145deg,#082946 0%,#0b3c60 50%,#147d92 100%);color:#fff}
.login-brand-panel::before,.login-brand-panel::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.login-brand-panel::before{width:520px;height:520px;right:-240px;top:-190px;background:rgba(255,255,255,.055)}
.login-brand-panel::after{width:360px;height:360px;left:-170px;bottom:-160px;background:rgba(255,255,255,.045)}
.login-brand-content{position:relative;z-index:1;width:min(500px,100%)}
.login-logo-wrap{width:168px;height:110px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.20)}
.login-logo-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.login-logo-placeholder{width:96px;height:96px;display:grid;place-items:center;border-radius:22px;background:#fff;color:var(--login-navy);font-size:30px;font-weight:900;box-shadow:0 20px 50px rgba(0,0,0,.20)}
.login-brand-content h1{margin:26px 0 10px;font-size:clamp(34px,3.2vw,50px);line-height:1.05;letter-spacing:-.035em;color:#fff}
.login-brand-content p{margin:0;color:#d8e8f2;font-size:17px;line-height:1.6}
.login-brand-foot{margin-top:48px;color:#bad4e5;font-size:13px;letter-spacing:.035em}
.login-form-panel{display:flex;align-items:center;justify-content:center;padding:44px;background:linear-gradient(180deg,#f7fafc 0%,#edf3f7 100%)}
.login-card-modern{width:min(460px,100%);padding:42px;background:#fff;border:1px solid #e0e8ef;border-radius:22px;box-shadow:0 26px 70px rgba(22,55,78,.13)}
.login-card-head{margin-bottom:28px}
.login-card-head .eyebrow{display:inline-block;margin-bottom:8px;color:var(--login-teal);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.login-card-head h2{margin:0 0 8px;font-size:32px;line-height:1.15;letter-spacing:-.025em;color:var(--login-text)}
.login-card-head p{margin:0;color:var(--login-muted);font-size:15px}
.login-card-modern form{display:grid;grid-template-columns:1fr;gap:9px}
.login-card-modern label{margin-top:7px;color:#25384a;font-size:13px;font-weight:750}
.login-card-modern input{display:block;width:100%;height:50px;border:1px solid var(--login-border);border-radius:11px;padding:0 14px;background:#fbfdfe;color:var(--login-text);font-size:15px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.login-card-modern input:hover{border-color:#b9cbd8;background:#fff}
.login-card-modern input:focus{border-color:var(--login-teal);background:#fff;box-shadow:0 0 0 4px rgba(20,125,146,.13)}
.login-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:14px;border:0;border-radius:11px;padding:0 18px;background:linear-gradient(135deg,var(--login-navy),#174f7a);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(11,46,79,.20);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.login-submit:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 13px 30px rgba(11,46,79,.25)}
.login-submit:active{transform:translateY(0)}
.login-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;padding-top:18px;border-top:1px solid #edf1f4;color:#748697;font-size:12px}
.login-card-modern .alert{margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:13px}
.login-card-modern .alert.danger,.login-card-modern .alert.error{background:var(--login-danger-bg);color:var(--login-danger);border:1px solid #f6d1cf}
@media(max-width:900px){.login-modern-shell{grid-template-columns:1fr}.login-brand-panel{min-height:280px;padding:34px 26px}.login-brand-content{text-align:center}.login-logo-wrap,.login-logo-placeholder{margin:0 auto}.login-brand-content h1{font-size:30px}.login-brand-foot{margin-top:22px}.login-form-panel{padding:28px 18px 38px}.login-card-modern{padding:30px}}
@media(max-width:520px){.login-brand-panel{min-height:230px;padding:28px 18px}.login-logo-wrap{width:118px;height:76px;border-radius:14px}.login-logo-placeholder{width:74px;height:74px;font-size:24px}.login-brand-content h1{margin-top:18px;font-size:26px}.login-brand-content p{font-size:14px}.login-brand-foot{display:none}.login-form-panel{padding:18px 12px 28px}.login-card-modern{padding:24px 20px;border-radius:17px}.login-card-head h2{font-size:27px}}