* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Outfit', system-ui, sans-serif;
  color: #6b4a3a;
  background: linear-gradient(180deg, #f4e9fd 0%, #fff6f1 36%, #ffdbe8 100%);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 24px 60px; }
h1, h2, h3, .brand { font-family: 'Baloo 2', 'Outfit', sans-serif; }
h1 { font-size: 34px; letter-spacing: .04em; margin: 18px 0 8px; }
h2 { font-size: 20px; margin: 34px 0 10px; }
h3 { font-size: 16px; margin: 22px 0 6px; }
p, li { line-height: 1.65; font-size: 15.5px; color: rgba(107, 74, 58, .92); }
a { color: #e4548f; font-weight: 600; text-decoration: none; }
a:hover { text-decoration: underline; }
.center { text-align: center; }
.tagline { font-size: 17px; color: rgba(107, 74, 58, .8); }
.badge {
  display: inline-block;
  background: rgba(255, 252, 248, .85);
  border: 1px solid rgba(238, 111, 163, .4);
  color: #e4548f;
  border-radius: 999px;
  padding: 9px 20px;
  font-weight: 700;
  font-size: 14px;
  margin-top: 18px;
}
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 34px; text-align: left; }
.card {
  background: rgba(255, 252, 248, .8);
  border: 1px solid rgba(160, 110, 90, .14);
  border-radius: 18px;
  padding: 18px;
}
.card .emoji { font-size: 26px; }
.card b { display: block; margin: 8px 0 4px; font-size: 15px; }
.card span { font-size: 13.5px; color: rgba(107, 74, 58, .75); line-height: 1.5; }
footer {
  margin-top: 56px;
  padding-top: 18px;
  border-top: 1px solid rgba(160, 110, 90, .15);
  font-size: 13.5px;
  color: rgba(107, 74, 58, .7);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  justify-content: center;
}
.doc { background: rgba(255, 252, 248, .8); border: 1px solid rgba(160, 110, 90, .13); border-radius: 20px; padding: 28px 30px; margin-top: 22px; }
.muted { color: rgba(107, 74, 58, .65); font-size: 13.5px; }
.hero-svg { width: 150px; height: auto; display: block; margin: 0 auto; filter: drop-shadow(0 6px 10px rgba(150, 60, 90, .25)); }
.lang-note { background: rgba(238, 111, 163, .08); border: 1px solid rgba(238, 111, 163, .25); border-radius: 12px; padding: 10px 14px; font-size: 13.5px; margin: 18px 0; }