.pims-login-shell{
    min-height:100vh;
    padding:28px 18px;
    background:
        radial-gradient(circle at 12% 18%,rgba(108,165,217,.22),transparent 31%),
        radial-gradient(circle at 88% 80%,rgba(20,36,110,.13),transparent 30%),
        linear-gradient(145deg,#f8fbff 0%,#eef5fd 48%,#f7f9fd 100%);
}
.pims-login-card{
    width:min(500px,100%);
    padding:2rem 2.25rem 1.7rem;
    border:1px solid rgba(6,14,77,.08);
    border-radius:1.6rem;
    background:rgba(255,255,255,.97);
}
.pims-login-logo{
    display:block;
    width:min(255px,68vw);
    height:auto;
    margin:0 auto .8rem;
    object-fit:contain;
}
.pims-login-title{
    color:var(--slsu-navy,#060e4d);
    font-size:clamp(2rem,5vw,2.7rem);
    line-height:1.05;
    font-weight:800;
    letter-spacing:.02em;
}
.pims-login-subtitle{
    color:#43658b;
    font-size:1.03rem;
}
.pims-login-separator{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin:1.3rem 0 1.1rem;
    color:#7aa6d1;
}
.pims-login-separator::before,.pims-login-separator::after{
    content:"";
    height:1px;
    flex:1;
    background:#d9e4ef;
}
.pims-login-separator span{
    width:34px;height:34px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:#eef5fc;color:var(--slsu-navy,#060e4d);
}
.pims-google-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.65rem;
    font-size:1.05rem;
    box-shadow:0 4px 14px rgba(15,23,42,.06);
}
.pims-google-button .google-g{margin-right:0;font-size:1.15rem}
.pims-login-note{
    margin-top:1.1rem;
    color:#64748b;
    font-size:.84rem;
}
@media (max-width:575.98px){
    .pims-login-shell{padding:16px 12px;align-items:center}
    .pims-login-card{padding:1.35rem 1.15rem 1.25rem;border-radius:1.25rem}
    .pims-login-logo{width:min(205px,62vw);margin-bottom:.55rem}
    .pims-login-subtitle{font-size:.93rem}
    .pims-login-separator{margin:1rem 0 .9rem}
}