:root{
    --abs-navy:#07365f;
    --abs-blue:#0b67a3;
    --abs-cyan:#1794b8;
    --abs-ink:#172a3a;
    --abs-muted:#607487;
    --abs-border:#d7e2eb;
    --abs-bg:#edf3f7;
    --abs-danger:#a12f35;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.abs-login-page{
    margin:0;
    min-height:100vh;
    background:var(--abs-bg);
    color:var(--abs-ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:16px;
    line-height:1.5;
}
.abs-login-shell{
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(360px,46%) minmax(420px,54%);
}
.abs-login-brand{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
    padding:clamp(34px,6vw,78px);
    color:#fff;
    background:linear-gradient(145deg,#083b68 0%,#0b6596 56%,#128fab 100%);
}
.abs-login-brand::after{
    content:"";
    position:absolute;
    right:-170px;
    bottom:-190px;
    width:460px;
    height:460px;
    border-radius:50%;
    background:rgba(255,255,255,.09);
}
.abs-login-logo{
    position:relative;
    z-index:1;
    display:block;
    width:170px;
    max-width:48%;
    height:auto;
    max-height:100px;
    object-fit:contain;
    object-position:left center;
}
.abs-login-brand>div{position:relative;z-index:1}
.abs-login-kicker{
    margin-bottom:12px;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    opacity:.82;
}
.abs-login-brand h1{
    max-width:620px;
    margin:0 0 16px;
    font-size:clamp(2rem,4vw,3.5rem);
    line-height:1.08;
    letter-spacing:-.035em;
}
.abs-login-brand p{
    max-width:610px;
    margin:0;
    color:rgba(255,255,255,.9);
    font-size:clamp(1rem,1.5vw,1.18rem);
}
.abs-login-note{
    font-size:.92rem;
    font-weight:700;
    color:rgba(255,255,255,.78);
}
.abs-login-panel{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:40px 28px;
    background:#fff;
}
.abs-login-inner{width:100%;max-width:480px}
.abs-login-eyebrow{
    margin-bottom:8px;
    color:var(--abs-blue);
    font-size:.79rem;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.abs-login-inner h2{
    margin:0 0 10px;
    color:var(--abs-navy);
    font-size:clamp(1.9rem,3vw,2.55rem);
    line-height:1.14;
    letter-spacing:-.03em;
}
.abs-login-intro{margin:0 0 26px;color:var(--abs-muted);font-size:1.02rem}
.abs-login-field{margin-bottom:18px}
.abs-login-field label{display:block;margin-bottom:7px;color:#24465f;font-size:.92rem;font-weight:800}
.abs-login-field input{
    display:block;
    width:100%;
    min-height:50px;
    padding:12px 14px;
    border:1px solid #bfcfdc;
    border-radius:10px;
    background:#fff;
    color:var(--abs-ink);
    font:inherit;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease;
}
.abs-login-field input:focus{border-color:var(--abs-blue);box-shadow:0 0 0 4px rgba(11,103,163,.12)}
.abs-code-input{text-align:center;font-size:1.65rem!important;font-weight:800;letter-spacing:.32em}
.abs-login-button{
    display:block;
    width:100%;
    min-height:50px;
    border:0;
    border-radius:10px;
    background:linear-gradient(135deg,var(--abs-blue),var(--abs-cyan));
    color:#fff;
    font:inherit;
    font-weight:850;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(11,103,163,.2);
}
.abs-login-button:hover{filter:brightness(.97)}
.abs-login-alert{margin:0 0 18px;padding:12px 14px;border:1px solid;border-radius:10px;font-weight:700}
.abs-login-error{border-color:#e6b8ba;background:#fff0f1;color:var(--abs-danger)}
.abs-login-info{border-color:#b9d8ea;background:#edf8ff;color:#14547b}
.abs-login-small{margin:18px 0 0;color:var(--abs-muted);font-size:.91rem;text-align:center}
.abs-login-timer{margin:-4px 0 14px;color:var(--abs-muted);font-size:.91rem;text-align:center}
.abs-resend-form{margin-top:14px;text-align:center}
.abs-login-link-button{
    border:0;
    background:transparent;
    color:var(--abs-blue);
    font:inherit;
    font-weight:800;
    cursor:pointer;
    text-decoration:underline;
}
.abs-login-switch{margin:18px 0 0;text-align:center}
.abs-login-switch a{color:var(--abs-blue);font-weight:750}
@media(max-width:820px){
    .abs-login-shell{grid-template-columns:1fr}
    .abs-login-brand{min-height:285px;padding:30px}
    .abs-login-logo{width:145px;max-width:50%;max-height:82px}
    .abs-login-brand h1{font-size:2.1rem}
    .abs-login-panel{padding:36px 22px}
}
@media(max-width:480px){
    .abs-login-brand{min-height:250px;padding:24px}
    .abs-login-panel{padding:30px 18px}
}