
:root{
  --pink:#e91e63;
  --pink2:#ff4f81;
  --rose:#fff0f4;
  --cream:#fffaf7;
  --ink:#24191d;
  --muted:#71656a;
  --dark:#171114;
  --line:#f3dce3;
}
*{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--cream);
}
.navbar{
  background:rgba(255,250,247,.92)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.brand-logo{
  width:42px;height:42px;border-radius:50%;object-fit:cover;
  border:2px solid #ff5a83;
}
.brand-name{
  font-family:Georgia,serif;font-style:italic;font-weight:700;
  color:#d91c55;font-size:1.35rem;
}
.nav-link{font-weight:600;color:#49383e!important}
.nav-link:hover,.nav-link.active{color:var(--pink)!important}
.btn-kanmani{
  background:linear-gradient(135deg,var(--pink),var(--pink2));
  border:0;color:#fff;font-weight:700;border-radius:999px;
  padding:.72rem 1.2rem;box-shadow:0 10px 25px rgba(233,30,99,.22);
}
.btn-kanmani:hover{color:#fff;transform:translateY(-1px)}
.hero{
  position:relative;overflow:hidden;
  min-height:680px;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,100,145,.14),transparent 28%),
    radial-gradient(circle at 90% 15%,rgba(233,30,99,.13),transparent 30%),
    linear-gradient(135deg,#fffaf7 0%,#ffeef3 100%);
}
.hero:after{
  content:"";position:absolute;width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(233,30,99,.14);right:-180px;bottom:-180px;
}
.hero-copy{padding-top:110px;padding-bottom:90px;position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:.4rem .8rem;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  color:#c71850;font-weight:700;font-size:.85rem;
}
.hero h1{
  font-family:Georgia,serif;font-weight:700;
  font-size:clamp(3rem,6vw,5.4rem);line-height:.98;
}
.hero h1 span{color:var(--pink)}
.hero p{font-size:1.08rem;color:var(--muted);max-width:600px;line-height:1.8}
.hero-art{
  width:min(470px,85vw);aspect-ratio:1;border-radius:50%;
  object-fit:cover;display:block;margin:auto;
  box-shadow:0 30px 80px rgba(82,28,45,.20);
  border:10px solid rgba(255,255,255,.72);
}
.section{padding:90px 0}
.section-soft{background:#fff2f5}
.section-title{
  font-family:Georgia,serif;font-weight:700;font-size:clamp(2rem,4vw,3.2rem)
}
.section-sub{color:var(--muted);max-width:680px}
.feature-card,.package-card,.info-card,.legal-card{
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:0 12px 40px rgba(66,25,39,.06);
}
.feature-card{padding:28px;height:100%}
.icon-circle{
  width:52px;height:52px;border-radius:16px;background:#ffe4ec;
  display:grid;place-items:center;color:var(--pink);font-size:1.3rem;
}
.package-card{padding:30px;position:relative;height:100%}
.package-card.featured{border:2px solid #f33f72;transform:translateY(-8px)}
.badge-pop{position:absolute;top:18px;right:18px;background:#ffe0e9;color:#c7164d}
.price{font-size:2.4rem;font-weight:800}
.coin{color:#b86a00;font-weight:700}
.package-list{padding-left:1.1rem;color:var(--muted);line-height:2}
.page-hero{
  padding:130px 0 70px;background:
  radial-gradient(circle at 80% 30%,rgba(233,30,99,.18),transparent 28%),
  linear-gradient(135deg,#2a1019,#6e1735 58%,#ef476f);
  color:#fff;
}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem)}
.page-hero p{opacity:.82}
.legal-card{padding:42px}
.legal-card h2{font-family:Georgia,serif;margin-top:2.2rem;color:#a91545}
.legal-card p,.legal-card li{color:#62565b;line-height:1.8}
.contact-hero{
  background:linear-gradient(135deg,#260f18,#8c1945);
  color:#fff;border-radius:30px;padding:55px;
}
.info-card{padding:28px;height:100%}
.info-card i{font-size:1.45rem;color:var(--pink)}
.form-control,.form-select{border-radius:14px;padding:.85rem 1rem;border-color:#efd8df}
.form-control:focus,.form-select:focus{border-color:#f04b7b;box-shadow:0 0 0 .2rem rgba(233,30,99,.1)}
footer{background:var(--dark);color:#e9dde1;padding:55px 0 25px}
footer a{color:#e9dde1;text-decoration:none}
footer a:hover{color:#ff6b95}
.footer-brand{color:#ff6b95;font-family:Georgia,serif;font-style:italic;font-size:1.3rem}
.small-muted{color:#a9989e}
.pill{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.4rem .75rem}
@media(max-width:991px){
  .hero-copy{padding-top:70px;text-align:center}
  .hero p{margin-left:auto;margin-right:auto}
  .hero-art{margin-top:30px}
  .package-card.featured{transform:none}
}
