:root{
  --pink:#e83b80;
  --pink-dark:#c92c69;
  --ink:#16131a;
  --muted:#625b64;
  --soft:#fff3f7;
  --white:#ffffff;
  --line:#efdde5;
  --max:1100px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);
  background:var(--white);line-height:1.65;
}
a{color:var(--pink-dark)}
.header{
  position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
}
.nav{max-width:var(--max);margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.menu{display:flex;gap:20px;flex-wrap:wrap}
.menu a{text-decoration:none;color:var(--ink);font-weight:700;font-size:.95rem}
.menu a:hover{color:var(--pink)}
.logo{width:155px;height:auto;display:block}
.hero{background:linear-gradient(135deg,var(--soft),#fff 60%);padding:88px 24px 72px}
.wrap{max-width:var(--max);margin:auto}
.hero-inner{max-width:760px}
.eyebrow{color:var(--pink-dark);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}
h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:1.02;margin:10px 0 18px}
.hero h1 span{color:var(--pink)}
.lead{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;max-width:720px}
section{padding:72px 24px}
h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;margin:0 0 24px}
p{margin:0 0 18px}
.card{background:var(--soft);border-radius:24px;padding:34px;box-shadow:0 12px 40px rgba(40,12,25,.07)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:start}
.highlight{background:var(--ink);color:#fff}
.highlight h2{color:#fff}
.highlight p{color:#f5e9ee}
.heart{font-size:2rem;color:var(--pink)}
.footer{background:var(--ink);color:#f6edf1;padding:36px 24px}
.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.footer a{color:#fff;text-decoration:none;margin-right:18px}
.legal{padding:64px 24px}
.legal .content{max-width:900px;margin:auto}
.legal h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:36px}
.legal h2{font-size:1.7rem;margin-top:42px}
.legal h3{font-size:1.2rem;margin-top:28px}
.legal ul{padding-left:22px}
.note{border-left:4px solid var(--pink);padding:16px 20px;background:var(--soft);border-radius:0 12px 12px 0}
@media(max-width:700px){
  .nav{padding:10px 16px}
  .logo{width:112px}
  .menu{gap:12px}
  .menu a{font-size:.82rem}
  .hero{padding:70px 24px 60px}
  section{padding:56px 20px}
  .grid{grid-template-columns:1fr}
  .card{padding:25px}
}