html { scroll-behavior: smooth; }

/* ===== Fonts (match your site) ===== */
@font-face {
  font-family: 'AppleGaramond';
  src: url('/assets/fonts/AppleGaramond.ttf') format('truetype');
}

/* If you rename this file to remove spaces, use the new name here */
@font-face {
  font-family: 'DaughterOfFortune';
  src: url('/assets/fonts/Daughter of Fortune.ttf') format('truetype');
}

/* ===== Theme ===== */
:root{
  --bg1:#2b123f;
  --bg2:#050208;
  --text:#EDEDED;
  --muted:rgba(237,237,237,0.82);
  --border:rgba(200,162,200,0.35);
  --panel:rgba(255,255,255,0.08);
  --panelHover:rgba(200,162,200,0.20);
  --ember:rgba(255,160,90,0.55);
}

/* ===== Base ===== */
body{
  margin:0;
  font-family:'AppleGaramond', serif;
  background: radial-gradient(circle at top, var(--bg1), var(--bg2));
  color: var(--text);
  text-align:center;
  overflow-x:hidden;
}

.links-container{
  max-width:560px;
  margin:0 auto;
  padding:60px 18px 40px;
  position:relative;
  z-index:2;
}

/* ===== Header ===== */
.brand-kicker{
  margin:0 0 8px;
  letter-spacing:3px;
  font-size:0.9rem;
  opacity:0.75;
}

.brand-name{
  margin:0 0 12px;
  font-family:'DaughterOfFortune', cursive;
  font-size:3.1rem;
  color:#EECFFB;
  text-shadow:0 0 10px rgba(0,0,0,0.6), 0 0 22px rgba(200,162,200,0.25);
}

.subtitle{
  margin:0 0 30px;
  font-size:1.1rem;
  color:var(--muted);
  line-height:1.35;
}

/* ===== Buttons ===== */
.button-group{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.link-button{
  text-decoration:none;
  padding:16px;
  border-radius:16px;
  font-size:1.1rem;
  color:var(--text);
  background:var(--panel);
  border:1px solid var(--border);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  backdrop-filter: blur(6px);
}

.link-button:hover{
  background:var(--panelHover);
  transform:translateY(-2px);
  box-shadow:0 0 22px rgba(255,182,193,0.25);
}

.link-button.glow{
  border-color:rgba(255,170,120,0.35);
  box-shadow:0 0 18px rgba(255,160,90,0.12);
}

/* ===== Back home ===== */
.back-home{ margin-top:28px; }
.home-link{
  color:rgba(237,237,237,0.75);
  text-decoration:none;
  font-size:1rem;
}
.home-link:hover{ text-decoration:underline; color:#fff; }

.footer{ margin-top:20px; font-size:0.9rem; opacity:0.65; }

/* ===== MailerLite popup “match my site” nudges ===== */
.ml-form-embedContainer,
.ml-form-embedWrapper,
.ml-form-embedBody{
  font-family:'AppleGaramond', serif !important;
}