:root{--background:28 35% 96%;--foreground:12 45% 12%;--primary:8 58% 23%;--primary-foreground:35 60% 96%;--accent:41 78% 53%;--border:28 30% 85%;--radius:.75rem}
      *{box-sizing:border-box;border:0 solid hsl(var(--border))}
      html{line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
      body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
      h1{font-family:Sora,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;margin:0}
      img,svg{display:block;max-width:100%;height:auto}
      a{color:inherit;text-decoration:inherit}
      #root{min-height:100vh;background:hsl(var(--background))}
      .hero-skeleton{position:relative;min-height:100vh;background:linear-gradient(180deg,hsl(8 58% 14%) 0%,hsl(8 58% 8%) 100%);color:hsl(var(--primary-foreground));overflow:hidden}
      .hero-skeleton::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,hsl(31 65% 50% / .25),transparent 60%);opacity:.8;pointer-events:none}
      
      @media (max-width: 768px) {
        body { font-size: 14px; }
        h1, h2, h3 { margin: 0 !important; }
      }