body{ min-height:100vh; background: radial-gradient(circle at top, var(--login-primary), #0f172a 70%); }
.input-icon{ position:absolute; left:.75rem; top:50%; transform:translateY(-50%); color:#9ca3af; }
.input-field{ padding-left:2.5rem; }
.btn-brand{ background-color: var(--login-primary); color:#fff; }
.btn-brand:hover{ background-color: var(--login-secondary); }
.logo-box{ background-color: var(--login-secondary); }
.brand-card{ background:#111827; border:1px solid rgba(255,255,255,0.05); }
.badge-indigo-soft{ background: rgba(79,70,229,0.15); border: 1px solid rgba(79,70,229,0.35); }
.password-toggle {
    position: absolute;
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    right: .45rem;
    top: 47%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.password-toggle i {
    font-size: clamp(.9rem, 1.8vw, 1rem);
    line-height: 1;
}

.password-input {
    padding-left: .75rem;
    padding-right: 2.6rem;
}