@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

:root {
  --primary-blue: #3498db;
  --dark-navy: #2c3e50;
  --text-grey: #7f8c8d;
  --light-grey: #f4f7f6;
  --accent-orange: #e67e22;
  --hover-blue: #2980b9;
  --hover-orange: #d35400;
  --main-font: 'Poppins', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--main-font);
    color: var(--text-grey);
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Мобільне меню без JS */
#menu-burger:checked ~ .navigation {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 2rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

#menu-burger:checked ~ .navigation ul {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.nav-link {
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: var(--primary-blue) !important;
}

.nav-link-white:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.btn-primary:hover {
    background-color: var(--hover-blue) !important;
    transform: translateY(-3px);
}

.btn-accent:hover {
    background-color: var(--hover-orange) !important;
    transform: translateY(-3px);
}

.btn-white:hover {
    background-color: var(--light-grey) !important;
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    background-color: #ffffff !important;
}

.input-focus:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 8px rgba(52, 152, 219, 0.2) !important;
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 2.5rem !important;
    }
}