*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{background:#050b2c;color:#fff}

.navbar{text-align:center;padding:15px}
.nav-links a{color:gold;margin:0 10px;text-decoration:none;font-weight:bold}

.hero{text-align:center;padding:20px}
.banner{width:100%;border-radius:18px}
.hero h1{color:gold;margin-top:15px}
.hero-buttons{margin-top:20px}

.gold{background:linear-gradient(135deg,#f4c430,#ffdf70);border:none;padding:12px 22px;border-radius:25px}
.outline{border:2px solid gold;color:gold;padding:12px 22px;border-radius:25px;background:none}

.services,.pricing{text-align:center;padding:30px 20px}
.card,.price-card{background:#0b1448;margin:10px 0;padding:15px;border-radius:15px}

footer{text-align:center;padding:20px}

.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.modal-box{background:#0b1448;padding:20px;width:90%;max-width:420px;border-radius:18px}
.modal-box input,.modal-box select{width:100%;margin:7px 0;padding:10px;border-radius:10px}
.close{float:right;font-size:22px;cursor:pointer}

.note{font-size:13px;color:#ffdf70;margin-top:10px}
.subtext{font-size:14px;color:#ccc;margin-bottom:10px}
.samagri-list{text-align:left;line-height:1.8}

.astrologer-name{margin-top:10px;font-size:15px;color:#ffd966;line-height:1.6}
.trust-line{font-size:13px;color:#cccccc;margin-top:4px}

.badge-wrap{margin-top:8px}
.badge{
  display:inline-block;
  background:rgba(255,215,0,0.15);
  color:gold;
  padding:4px 10px;
  border-radius:15px;
  font-size:11px;
  margin:3px;
}

/* MANTRA BG */
.mantra-bg{
  position:fixed;inset:0;z-index:-1;
  color:rgba(255,215,0,.08);
  font-size:26px;text-align:center;
  animation:move 25s linear infinite;
}
@keyframes move{from{transform:translateY(0)}to{transform:translateY(-100%)}}

/* SPECIAL HAVAN */
.special-havan{
  border:2px solid gold;
  box-shadow:0 0 15px rgba(255,215,0,.4);
  background:linear-gradient(180deg,#0b1448,#131d6b);
  position:relative;
  font-weight:bold;
}
.special-havan::before{
  content:"विशेष";
  position:absolute;
  top:-10px;
  right:15px;
  background:gold;
  color:#000;
  font-size:11px;
  padding:3px 8px;
  border-radius:10px;
}

/* MULTI DAY */
.multi-day{
  border:2px solid gold;
  background:linear-gradient(180deg,#0b1448,#1a237e);
  box-shadow:0 0 18px rgba(255,215,0,.45);
  font-weight:bold;
  position:relative;
}
.multi-day::before{
  content:"बहु-दिवसीय अनुष्ठान";
  position:absolute;
  top:-10px;
  left:15px;
  background:gold;
  color:#000;
  font-size:11px;
  padding:3px 8px;
  border-radius:10px;
}