:root{
  --pink:#ff3e9a;
  --pink-soft:#ffd6ea;
  --ink:#0a0a0a;
  --paper:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Kalam','Caveat',cursive;font-size:18px;line-height:1.5}
a{color:var(--pink);text-decoration:none}
a:hover{text-decoration:underline}
.pink{color:var(--pink)}
.hearts{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle at 10% 20%, var(--pink-soft) 2px, transparent 3px),
    radial-gradient(circle at 80% 30%, var(--pink-soft) 2px, transparent 3px),
    radial-gradient(circle at 30% 70%, var(--pink-soft) 2px, transparent 3px),
    radial-gradient(circle at 90% 85%, var(--pink-soft) 2px, transparent 3px),
    radial-gradient(circle at 55% 40%, var(--pink-soft) 2px, transparent 3px);
  background-size:400px 400px;
  opacity:.6;
}
.site-header{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;
  max-width:960px;margin:0 auto;padding:20px 24px;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:28px}
.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--pink)}
.nav{display:flex;gap:20px}
.nav a{color:var(--ink);border-bottom:2px solid transparent;padding:2px 0}
.nav a:hover{border-bottom-color:var(--pink);text-decoration:none}
main{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:20px 24px 60px}
.eyebrow{font-size:20px;margin:0 0 10px}
.headline{font-family:'Caveat',cursive;font-size:56px;margin:0 0 16px;line-height:1.05}
.banner{border:3px solid var(--pink);border-radius:6px;overflow:hidden;box-shadow:0 0 0 4px #fff, 0 8px 20px rgba(255,62,154,.2)}
.banner img{display:block;width:100%;height:auto}
.tagline{margin:20px 0;font-size:20px;max-width:480px}
.hot-hearts{color:var(--pink);letter-spacing:4px}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}
.btn{display:inline-block;padding:12px 22px;border-radius:6px;font-family:inherit;font-size:20px;border:2px solid var(--pink)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{background:var(--pink-soft);text-decoration:none}
.btn-pink{background:var(--pink-soft);color:var(--ink)}
.btn-pink:hover{background:var(--pink);color:#fff;text-decoration:none}
.ca-box{
  margin-top:18px;border:2px dashed var(--pink);border-radius:6px;
  padding:12px 16px;display:flex;align-items:center;gap:10px;background:#fff6fb;
}
.ca-label{color:var(--pink);font-weight:700}
.ca-value{word-break:break-all;flex:1}
.copy{border:2px solid var(--pink);background:#fff;color:var(--pink);padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit}
.copy:hover{background:var(--pink);color:#fff}
.block{margin-top:60px;padding-top:20px;border-top:1px dashed #ffb8d7}
.block h2{font-family:'Caveat',cursive;font-size:40px;margin:0 0 12px}
.about-img{display:block;width:100%;max-width:420px;margin:16px 0;border-radius:6px;border:2px solid var(--pink-soft)}
.pill{display:inline-block;margin-top:10px;background:#fff;border:2px solid var(--pink);padding:8px 16px;border-radius:999px;color:var(--ink)}
.pill:hover{background:var(--pink);color:#fff;text-decoration:none}
.closing{color:var(--pink);letter-spacing:6px;font-size:24px;margin-top:24px}
.site-footer{position:relative;z-index:1;text-align:center;padding:24px;color:#888;font-size:16px}
@media (max-width:560px){
  .headline{font-size:42px}
  .nav{gap:12px;font-size:16px}
  .brand{font-size:22px}
}