/* Custom Styles for ClubNet Digital */

body {
    /* Using Inter as a fallback, but Tinos is the primary for headings */
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-serif {
    font-family: 'Tinos', serif;
}

.hero-bg {
    background-color: #000000;
}

.cta-button {
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.cta-button:hover {
    transform: translateY(-3px);
}

.service-card {
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.service-card:hover {
    background-color: #f9fafb; /* A very light gray */
    transform: translateY(-5px);
}

.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.form-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d1d5db; /* gray-300 */
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    transition: border-color 0.3s ease;
}

.form-input:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 2px solid #4f46e5; /* indigo-600 */
}