/* Glueless Wig Guide — Beauty Premium */
:root{
  --grey-50:#FDF8F4; --grey-100:#F5EDE5; --grey-200:#EBE0D5; --grey-300:#D6C8B8;
  --grey-400:#A89888; --grey-500:#7A6A70; --grey-600:#5C5055; --grey-700:#4A3A40;
  --grey-800:#2D2025; --grey-900:#1C1116;
  --berry-50:#FDF5F7; --berry-100:#FBE8EC; --berry-400:#8B2942;
  --berry-600:#6B2032; --berry-900:#3A1018;
  --caramel-50:#FDF8F2; --caramel-100:#F9EDE0; --caramel-400:#C48B5B;
  --sage-50:#F4F9F7; --sage-100:#E3F0EB; --sage-400:#2D7D6F;
  --paper:var(--grey-50); --paper-elevated:#FFFCFA; --paper-dark:var(--grey-100);
  --ink:var(--grey-900); --ink-soft:var(--grey-700); --ink-muted:var(--grey-500);
  --berry:var(--berry-400); --berry-light:var(--berry-50);
  --caramel:var(--caramel-400); --caramel-light:var(--caramel-50);
  --sage:var(--sage-400); --sage-light:var(--sage-50);
  --line:var(--grey-200); --line-strong:var(--grey-300);
  --radius:8px;
}
body{position:relative;overflow-x:hidden}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 600px 500px at 10% 15%, var(--berry-50) 0%, transparent 55%),
    radial-gradient(ellipse 500px 400px at 85% 70%, var(--caramel-50) 0%, transparent 50%),
    radial-gradient(ellipse 400px 300px at 55% 40%, var(--sage-50) 0%, transparent 50%);
  background-size:200% 200%;
  animation:energyField 18s ease-in-out infinite;
  opacity:.85;
}
@keyframes energyField{
  0%{background-position:0% 50%}
  33%{background-position:100% 25%}
  66%{background-position:30% 80%}
  100%{background-position:0% 50%}
}
/* ── Sparkle Particles ── */
@keyframes sparkleFloat{0%{transform:translateY(100vh) scale(0) rotate(0deg);opacity:0}15%{opacity:1}85%{opacity:.6}100%{transform:translateY(-5vh) scale(1.2) rotate(180deg);opacity:0}}
@keyframes sparkleTwinkle{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
.sparkle{position:fixed;pointer-events:none;z-index:2;opacity:0;animation:sparkleFloat 8s ease-in infinite,sparkleTwinkle 1.5s ease-in-out infinite;font-size:22px;filter:drop-shadow(0 0 6px rgba(255,200,50,.5))}
.sparkle:nth-of-type(odd){font-size:26px;animation-delay:0s,1s}
.sparkle:nth-of-type(even){font-size:18px;animation-delay:4s,.5s}
/* Shimmer text effect */
.shimmer-text{background:linear-gradient(90deg,var(--ink),var(--berry),var(--caramel),var(--ink));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}
.card:hover{box-shadow:0 0 40px rgba(139,41,66,.06),0 8px 24px rgba(0,0,0,.05)}
main,nav,section,.card{position:relative;z-index:3}