.auth-bg {
        min-height: 100svh; position: relative; overflow: hidden;
        display: flex; align-items: center; justify-content: center; padding: 1.5rem;
        background: var(--sjk-grad-navy);
    }
    .auth-wrap { position: relative; z-index: 1; width: 100%; max-width: 25rem; }
    .auth-wrap.wide { max-width: 44rem; }
    .auth-wordmark { font-weight: 800; color: #fff; font-size: 1.4rem; letter-spacing: -.01em; }
    .auth-wordmark .je { color: var(--sjk-koraal); }
    .auth-card { background: #fff; border: 0; border-radius: 20px; box-shadow: var(--sjk-el-4); }
    .auth-card .form-label { font-weight: 600; color: var(--sjk-inkt); font-size: .9rem; }
    .auth-card .form-control { border-radius: .7rem; padding: .68rem .85rem; border-color: var(--sjk-lijn);
        transition: border-color .18s ease, box-shadow .18s ease; }
    .auth-card .form-control:focus { border-color: var(--sjk-indigo); box-shadow: var(--sjk-focus); }
    .auth-card .input-group-text { border-radius: .7rem 0 0 .7rem; background: var(--sjk-lavendel); border-color: var(--sjk-lijn); }
    .auth-card a { color: var(--sjk-indigo); }
    .auth-tagline { color: rgba(255,255,255,.55); font-size: .78rem; letter-spacing: .02em; }
    .auth-ico { width: 3.2rem; height: 3.2rem; border-radius: 16px; }