@import 'vote-header.css';
@import 'vote-form.css';
@import 'vote-steps.css';
@import 'vote-sites.css';
@import 'top-voters.css';
@import 'level-rewards.css';

.vote-section {
    padding: calc(var(--header-spacing) + var(--spacing-xl)) var(--spacing-xl) calc(var(--spacing-xl) * 3);
    min-height: 100vh;
    background: linear-gradient(rgba(31, 31, 31, 0.85), rgba(31, 31, 31, 0.98)),
    var(--background-url) center/cover fixed;
    position: relative;
    overflow: hidden;
    padding-bottom: 220px;
}

.vote-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15vh;
    background: linear-gradient(to bottom, transparent, var(--background-dark));
    z-index: 1;
    transform: translateY(1px);
}

.vote-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .vote-section {
        padding: calc(var(--header-little-spacing) + var(--spacing-md)) var(--spacing-md) var(--spacing-xxl);
        padding-bottom: 220px;

    }
}

@media (max-width: 480px) {
    .vote-section {
        padding: calc(var(--header-mobile-spacing) + var(--spacing-sm)) var(--spacing-sm) var(--spacing-sm);
        padding-bottom: 220px;
    }
}