.social-login-divider {
        text-align: center;
        margin: 15px 0;
        position: relative;
    }
    .social-login-divider:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: rgba(255,255,255,0.1);
    }
    .social-login-divider span {
        position: relative;
        background: var(--card-bg);
        padding: 0 10px;
        color: var(--text-secondary);
    }
    .social-login-buttons {
        margin-top: 10px;
    }
    .form-text {
        font-size: 12px;
        color: var(--text-secondary);
        margin-top: 4px;
        display: block;
    }