:root {
    --color-bg: #111;
    --color-text: #fff;
    --color-accent: #ffcc00;
    --color-input-bg: #1a1a1a;
    --color-border: #333;
    --font-main: 'Segoe UI', sans-serif;
}

body {
    margin: 0;
    font-family: var(--font-main);
    background-color: var(--color-bg);
    color: var(--color-text);
}

main {
    padding-top: 100px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .contact-section {
        padding: 1rem;
    }

    .contact-form {
        padding: 1rem;
    }

    .footer-container {
        text-align: center;
    }
}