/**
 * Frontend Styles pour Member Card System
 */

:root {
    --mcs-primary: #FF0000;
    --mcs-secondary: #FFF;
}

.mcs-alert {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.mcs-alert-success {
    background: rgba(40,167,69,0.1);
    color: #28a745;
    border-left: 4px solid #28a745;
}

.mcs-alert-error {
    background: rgba(220,53,69,0.1);
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.mcs-btn {
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.mcs-btn-primary {
    background: var(--mcs-primary);
    color: var(--mcs-secondary);
}

.mcs-btn-primary:hover {
    background: #cc0000;
    transform: translateY(-2px);
}

.mcs-card {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s;
}

.mcs-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(255,0,0,0.15);
}