@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Permanent+Marker&family=Dancing+Script:wght@600&display=swap');

:root{
  --bg-0:#000000;
  --bg-1:#07090c;
  --line: rgba(255,255,255,.18);
}

html, body { height: 100%; }
html{ scroll-behavior: smooth; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: radial-gradient(1200px 600px at 20% 0%, rgba(20,30,40,.55), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(40,20,60,.40), transparent 55%),
              linear-gradient(180deg, var(--bg-1), var(--bg-0));
  color: #fff;
}
.h1-marker{ font-family: "Permanent Marker", cursive; letter-spacing: 0.02em; }
.logo-script{ font-family: "Dancing Script", cursive; }
.muted-line{ border-color: var(--line); }

.btn-outline{
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.02);
}
.btn-outline:hover{
  background: rgba(255,255,255,.08);
}
.shadow-soft{ box-shadow: 0 14px 40px rgba(0,0,0,.55); }

/* For anchor scrolling with a sticky header */
.section-anchor{ scroll-margin-top: 110px; }