/* Тема: Modern */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ВИПРАВЛЕННЯ: Встановлюємо висоту головного екрану, щоб він не був занадто великим */
#introduction .row {
    min-height: 60vh; /* Висота в 60% від висоти екрану. Можете змінити на 50vh, 70vh і т.д. */
    display: flex;
    align-items: center;
}

/* -- Стилі для інших секцій -- */
#introduction {
    background-color: #343a40;
}
#newcomer {
    background-color: #2c3e50;
}
#newcomer ul {
    list-style-type: '✓';
    padding-left: 2rem;
}
#newcomer ul li {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}
.card {
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.btn-primary {
    background-color: #1abc9c;
    border-color: #1abc9c;
}
.btn-primary:hover {
    background-color: #16a085;
    border-color: #16a085;
}
.modal-header {
    background-color: #2c3e50;
    color: white;
}
.modal-header .close {
    color: white;
    opacity: 0.8;
}