:root {
  --pink: #f30655;
  --pink-glow: rgba(243,6,85,.15);
  --blue: #1297f4;
  --blue-glow: rgba(18,151,244,.12);
  --ink: #1a1f2e;
  --muted: #64708a;
  --bg: #f5f6fa;
  --white: #ffffff;
  --border: #e8ecf4;
  --shadow: 0 2px 12px rgba(0,0,0,.04);
}
/* Scroll to top */
.scroll-top {
  position:fixed; bottom:100px; right:28px; z-index:998;
  width:40px; height:40px; border-radius:50%; border:none;
  background:#fff; color:var(--pink); cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.1);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:all .3s ease;
}
.scroll-top.visible { opacity:1; visibility:visible; }
.scroll-top:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,.15); }
.scroll-top svg { width:18px; height:18px; }