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

:root {
  /* Палітра: #000000 #3498DB #ECF0F1 #95A5A6 */
  --primary-color: #000000;
  --secondary-color: #3498DB;
  --accent-color: #2980B9;
  --light-color: #ECF0F1;
  --dark-color: #2C3E50;
  --gradient-primary: linear-gradient(135deg, #000000 0%, #2C3E50 100%);
  --hover-color: #1a1a1a;
  --background-color: #ffffff;
  --text-color: #2C3E50;
  --border-color: rgba(0, 0, 0, 0.1);
  --divider-color: rgba(0, 0, 0, 0.05);
  --shadow-color: rgba(0, 0, 0, 0.08);
  --highlight-color: #F1C40F;
  --main-font: 'Roboto Condensed', sans-serif;
  --alt-font: 'Inter', sans-serif;
}

body { font-family: var(--alt-font); color: var(--text-color); margin: 0; }
section { padding: 10dvh 0; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 15px; }

/* Neuromorphism Modern */
.neuro-modern {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 8px 8px 16px #ebebeb, -4px -4px 12px #ffffff;
    border: 1px solid var(--divider-color);
}

header { background: var(--primary-color); padding: 1.2rem 0; position: sticky; top:0; z-index:100; }
.logo img { height: 40px; filter: brightness(0) invert(1); }
nav a { color: #fff; text-decoration: none; font-weight: 500; font-family: var(--main-font); }

#menu-btn { display: none; }
@media (max-width: 768px) {
    .menu-icon { display: block !important; color: #fff; font-size: 1.5rem; cursor: pointer; }
    nav { display: none; width: 100%; text-align: center; }
    #menu-btn:checked ~ nav { display: block; }
}

footer { background: #111; color: #fff; padding: 3rem 0; }