header {
    background: #1e2230;
    padding: 15px 30px;
    text-align: center;
    border-bottom: 3px solid #ff004c;
    font-weight: 600;
    font-size: 1.3rem;
}

.contact-section {
    margin-top: 50px;
    animation: fadeIn 1s ease-in-out;
}

.contact-form {
    background: #1e2230;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255,0,76,0.2);
    transition: transform 0.3s ease;
}
.contact-form:hover {
    transform: translateY(-5px);
}

.btn-custom {
    background: linear-gradient(135deg, #ff004c, #ffd600);
    border: none;
    color: #fff;
    font-weight: 600;
    transition: transform 0.2s;
}
.btn-custom:hover {
    transform: scale(1.05);
}

.support-buttons {
    text-align: center;
    margin-top: 40px;
}

.support-buttons a {
    display: inline-block;
    margin: 10px;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: transform 0.3s ease;
}

.whatsapp {
    background: #25d366;
}
.telegram {
    background: #0088cc;
}

.support-buttons a:hover {
    transform: translateY(-4px);
}

.faq-section {
    background: #1e2230;
    margin-top: 50px;
    border-radius: 15px;
    padding: 25px;
}

.accordion-button {
    background: #1e2230;
    color: #fff;
    font-weight: 600;
    border: none;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #ff004c, #ffd600);
    color: #fff;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
