:root { --contasky-navy: #14213d; --contasky-blue: #246bfd; --contasky-green: #12a875; }
        body { background: #f7f9fc; }
        #template-customizer { display: none !important; }
        .authentication-wrapper.authentication-cover { min-height: 100vh; }
        .contasky-visual { position: relative; overflow: hidden; color: #fff; background:#1c3e7c; }
        .contasky-visual::before { content: ""; position: absolute; width: 520px; height: 520px; top: -190px; right: -180px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
        .contasky-visual::after { content: ""; position: absolute; inset: auto 0 0; height: 6px; background: linear-gradient(90deg, var(--contasky-blue) 0 58%, var(--contasky-green) 58% 82%, #f4b942 82%); }
        .visual-content { position: relative; z-index: 1; width: min(650px, 82%); }
        .visual-badge { display: inline-flex; align-items: center; gap: .55rem; color: #9bb9ff; font-weight: 600; }
        .visual-badge::before { content: ""; width: 28px; height: 2px; background: var(--contasky-blue); }
        .visual-content h1 { margin: 1.35rem 0 1rem; color: #fff; font: 600 clamp(2.3rem, 4vw, 4rem)/1.06 Rubik, sans-serif; }
        .visual-content > p { max-width: 560px; color: #bac5d8; font-size: 1.08rem; line-height: 1.75; }
        .insight-card { width: min(520px, 100%); margin-top: 2.6rem; padding: 1.35rem; color: var(--contasky-navy); background: #fff; box-shadow: 0 25px 65px rgba(0,0,0,.27); }
        .insight-card-head { display: flex; align-items: center; justify-content: space-between; }
        .insight-card-head span { color: #697386; font-size: .82rem; }
        .insight-card-head strong { color: var(--contasky-green); }
        .insight-bars { display: flex; align-items: end; gap: 12px; height: 115px; margin-top: 1.2rem; }
        .insight-bars i { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: var(--contasky-blue); opacity: .82; }
        .insight-bars i:nth-child(3n) { background: var(--contasky-green); }
        .authentication-bg { min-height: 100vh; background: #fff; }
        .login-panel { width: min(420px, 100%); }
        .contasky-brand { display: inline-flex; align-items: center; margin-bottom: 2.2rem; }
        .contasky-login-logo { display: block; width: 190px; height: auto; }
        .brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: #fff; }
        .brand-mark img { display: block; width: 26px; height: 26px; object-fit: contain; }
        .login-panel h2 { color: var(--contasky-navy); font-size: 1.65rem; }
        .login-panel .intro { color: #697386; line-height: 1.6; }
        .form-control { min-height: 48px; }
        .btn-login { min-height: 48px; font-weight: 600; background: var(--contasky-blue); border-color: var(--contasky-blue); }
        .security-note { display: flex; gap: .55rem; margin-top: 1.4rem; color: #7b8495; font-size: .8rem; }
        @media (max-width: 991.98px) { .authentication-bg { min-height: 100vh; } }