.auth-left-panel {
    background: #667eea;
}

.auth-left-panel::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background: #526ad6;
    border-radius: 50%;
    bottom: -200px;
    left: -100px;
}

.auth-left-panel::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: #526ad6;
    border-radius: 50%;
    top: -100px;
    right: -50px;
}

.btn-teal {
    background: #667eea;
    color: white;
    width: 100%;
}

.btn-teal:hover {
    background: #526ad6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(22, 160, 133, 0.3);
}

.auth-footer a {
    color: #667eea;
}