html { scroll-behavior: smooth; }
  html, body { overflow-x: hidden; }
  body { font-family: 'Manrope', sans-serif; color: #212121; background: #F5F5F5; }
  h1, h2, h3, .heading { font-family: 'Unbounded', sans-serif; letter-spacing: -0.01em; }
  .brand { color: #2E7D32; }
  .btn-primary { background: #FFC107; color: #212121; font-weight: 700; padding: 14px 28px; border: 3px solid #212121; display: inline-block; transition: transform .2s ease; }
  .btn-primary:hover { transform: translate(-3px,-3px); box-shadow: 6px 6px 0 #2E7D32; }
  .btn-outline { border: 3px solid #2E7D32; color: #2E7D32; padding: 12px 24px; font-weight: 600; display: inline-block; background: #ffffff; }
  .btn-outline:hover { background: #2E7D32; color: #ffffff; }
  .card { background: #ffffff; border: 3px solid #212121; padding: 28px; transition: transform .25s ease; }
  .card:hover { transform: translateY(-4px); }
  .divider { width: 60px; height: 6px; background: #FFC107; display: block; }
  .chip { background: #81C784; color: #ffffff; padding: 6px 14px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
  header.sticky-nav { position: sticky; top: 0; z-index: 40; background: #F5F5F5; border-bottom: 3px solid #212121; }
  .icon-block { width: 64px; height: 64px; background: #2E7D32; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; margin-bottom: 18px; }
  .num-block { width: 46px; height: 46px; background: #FFC107; color: #212121; display: flex; align-items: center; justify-content: center; font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: 20px; border: 3px solid #212121; }
  a.nav-link { color: #212121; font-weight: 500; }
  a.nav-link:hover { color: #2E7D32; }
  .disclaimer { background: #ffffff; border-left: 6px solid #FFC107; padding: 18px 22px; font-size: 15px; }
  .cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #212121; color: #F5F5F5; padding: 22px; z-index: 60; display: none; }
  .cookie-bar.show { display: flex; }
  .modal-bg { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; z-index: 70; align-items: center; justify-content: center; padding: 20px; }
  .modal-bg.show { display: flex; }
  .modal { background: #ffffff; border: 3px solid #212121; max-width: 560px; width: 100%; padding: 28px; }
  .toggle { position: relative; width: 46px; height: 26px; background: #cccccc; cursor: pointer; display: inline-block; }
  .toggle.on { background: #2E7D32; }
  .toggle .dot { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: #ffffff; transition: left .2s ease; }
  .toggle.on .dot { left: 23px; }
  .toggle.locked { background: #81C784; cursor: not-allowed; }