@layer base{
  html{
    scrollbar-gutter: stable;
    overflow-anchor: none;
  }

  body{
    margin: 0;
    min-height: 100svh;
    overflow-x: hidden;
    background:
      url("../assets/CCNclean.png") center 60%/cover no-repeat fixed;

    /* Keep one set of these (duplicates removed) */
    background-attachment: scroll;
    /*background-blend-mode: multiply;*/

    color: var(--text);
    font-family: var(--font-ui);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body::after {
      content: "";
      position: fixed;
      inset: 0;
      background: radial-gradient(circle at 50% 42%, rgba(255,255,200,0.05), transparent 70%);
      animation: ambientPulse 8s ease-in-out infinite;
      pointer-events: none;
  }

  img{ max-width:100%; display:block }
  button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer }

 

}