.section5 {
    background: linear-gradient(135deg, #ffaaea 0%, #c5004e 100%);
    border-radius: 10px;
    padding: 2rem;
}

.discord-widget {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
}

.card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-top: 1.5rem;
    position: relative;
}

.card-icon {
    background: linear-gradient(135deg, #FF4081 0%, #c2185b 100%);
    color: white;
    border-radius: 50%;
    padding: 1rem;
    position: absolute;
    top: -2rem;
    left: 1rem;
}

.card-content {
    margin-left: 4rem;
}

.card-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
}

.card-description {
    font-size: 1rem;
    color: #6b7280;
}

.gradient-text {
    background: linear-gradient(135deg, #ffffff 0%, #ffb0d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2rem;
    font-weight: bold;
}
.af{
    height:1000px;
}