/*style.css */
/*main */
  :root{
    --accent:#00c3ff;
    --accent-dark:#009ed1;
    --dark:#0f172a;
    --muted:#6b7280;
    --bg:#f6fbfa;
    --white:#fff;
    --header-bg: rgba(255,255,255,0.96);
    --shadow:0 10px 35px rgba(15,23,42,.06);
    --shadow-hover:0 18px 50px rgba(15,23,42,.12);
    --max-width:1200px;
    --header-height: 65px;
    --radius:22px;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  }

  html,body{
    overflow-x:clip;
    width:100%;
    height:100%;
    margin:0;
    padding: 0;
  }
  body {
    padding-top: var(--header-height);
    position:relative;
  }
  main {
       /* display: flex;
        flex-direction: column;*/
        min-height: 100vh; /* завжди на весь екран */
  }
  a{
    color:inherit;
    text-decoration:none
  }

  #mainSpacer {
  width: 100%;
  height: var(--header-height);
  }

  img,
  video,
  iframe {
    max-width: 100%;
    height: auto;
  }