.auth-wrapper {
    min-height: 100vh;
}

.brand-panel {
    background: linear-gradient(160deg, var(--brand-dark) 0%, var(--brand) 55%, var(--brand-light) 100%);
    color: #fff;
    padding: 3rem;
    position: relative;
    overflow: hidden;
}

.brand-panel::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    top: -80px;
    right: -80px;
}

.brand-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    bottom: -60px;
    left: -60px;
}

.brand-feature i {
    width: 32px;
    color: var(--brand-accent);
}

.form-panel {
    padding: 2.5rem;
}

.form-panel .card {
    border: none;
    max-width: 400px;
    margin: 0 auto;
}

.input-group-text {
    background-color: #fff;
}