:root{
    --auth19-9-blue:#2459e0;
    --auth19-9-blue-2:#3a86ff;
    --auth19-9-ink:#122036;
    --auth19-9-muted:#66778f;
    --auth19-9-border:rgba(34,50,76,.10);
}
.login-v197-body{
    background:
        radial-gradient(circle at 12% 14%, rgba(36,89,224,.18), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(59,130,246,.10), transparent 24%),
        linear-gradient(180deg,#f6f9fd 0%, #eef3f9 100%);
}
.login-v197-shell{
    max-width:1480px;
    margin:0 auto;
    align-items:stretch;
    grid-template-columns:minmax(0,1.12fr) minmax(460px,.78fr);
    gap:24px;
    padding:24px;
}
.login-v197-panel{
    border-radius:36px;
    box-shadow:0 30px 80px rgba(24,39,75,.12);
}
.login-v197-brand-panel{
    min-height:calc(100svh - 48px);
    padding:42px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 30%),
        linear-gradient(135deg, #0f1e3a 0%, #1f52c8 58%, #54a4ff 100%);
}
.login-v197-brand-panel::before{
    content:'';
    position:absolute;
    inset:auto auto 44px 42px;
    width:130px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.68));
}
.login-v197-brand-top img{width:70px;height:70px;border-radius:24px;padding:12px}
.login-v197-brand-top strong{font-size:1.34rem; letter-spacing:-.02em}
.login-v197-copy h1{font-size:clamp(2.5rem,4vw,4.9rem); letter-spacing:-.07em; max-width:780px}
.login-v197-copy p{max-width:700px; font-size:1.04rem}
.login-v197-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.login-v197-feature-grid div{
    padding:20px;
    border-radius:24px;
    background:rgba(255,255,255,.13);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.login-v197-form-panel{
    padding:40px;
    background:rgba(255,255,255,.93);
}
.login-v197-form-head span{
    background:rgba(36,89,224,.08);
    color:var(--auth19-9-blue);
    font-weight:800;
}
.login-v197-form-head h2{font-size:2.1rem; letter-spacing:-.06em; color:var(--auth19-9-ink)}
.login-v197-form-head p{color:var(--auth19-9-muted)}
.auth-inline-alert{border-radius:18px}
.login-v197-form .form-group{margin-bottom:18px}
.login-v197-form .form-group label{font-size:.93rem; letter-spacing:-.01em}
.login-v197-form .input-wrap{
    position:relative;
    border-radius:20px;
    transition:.2s ease;
}
.login-v197-form .input-wrap i{left:18px}
.login-v197-form .form-control{
    height:60px;
    border-radius:20px;
    border:1px solid var(--auth19-9-border);
    background:#fff;
    box-shadow:0 8px 20px rgba(24,39,75,.03);
}
.login-v197-form .form-control::placeholder{color:#9aa7ba}
.password-toggle{right:16px}
.form-row{margin:4px 0 18px}
.check span,.mini-note{color:#53657d}
.login-v197-form .auth-submit{
    height:60px;
    border-radius:20px;
    font-size:1rem;
    font-weight:800;
    background:linear-gradient(135deg,var(--auth19-9-blue),#1849cf);
}
.login-v197-footer-note{
    margin-top:22px;
    border-radius:20px;
    background:linear-gradient(180deg,#f9fbff,#f3f7fd);
    color:#73839a;
}
@media (max-width: 1199.98px){
    .login-v197-shell{grid-template-columns:1fr; max-width:980px}
    .login-v197-brand-panel{min-height:auto; gap:42px}
    .login-v197-copy h1{font-size:2.6rem}
}
@media (max-width: 767.98px){
    .login-v197-shell{
        padding:0;
        gap:0;
        max-width:none;
        min-height:100svh;
        display:block;
    }
    .login-v197-bg{display:none}
    .login-v197-brand-panel{display:none !important}
    .login-v197-form-panel{
        min-height:100svh;
        border-radius:0;
        padding:28px 20px 22px;
        justify-content:center;
        box-shadow:none;
        border:none;
        background:linear-gradient(180deg,#f8fbff 0%, #eef4fa 100%);
    }
    .login-v197-form-head{margin-bottom:10px}
    .login-v197-form-head span{margin-bottom:12px}
    .login-v197-form-head h2{font-size:1.9rem}
    .login-v197-form-head p{max-width:320px}
    .login-v197-footer-note{margin-top:18px}
}