:root{
  --bg:#0b1220;
  --main:#ff3c00;
  --soft:#f6f8fc;
}
*{font-family:Poppins,system-ui,Arial}
body{background:var(--soft)}
.nav-dark{background:rgba(11,18,32,.95)}
.brand-badge{background:var(--main); color:#fff; padding:4px 10px; border-radius:12px; margin-right:6px}
.btn-main{background:var(--main); color:#fff; border-radius:999px; padding:.45rem 1rem; border:none}
.btn-main:hover{filter:brightness(.95); color:#fff}
.hero{
  background: linear-gradient(120deg, rgba(11,18,32,.92), rgba(11,18,32,.55)),
              url('/assets/img/hero.jpg') center/cover no-repeat;
  color:#fff; border-bottom-left-radius:28px; border-bottom-right-radius:28px;
}
.hero .card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  border-radius:18px;
}
.cardx{
  border:none; border-radius:18px; overflow:hidden;
  box-shadow:0 14px 30px rgba(9,30,66,.12);
}
.cardx:hover{transform:translateY(-4px); transition:.2s}
.badgex{background:#eef2ff; color:#1e40af; border-radius:999px; padding:.25rem .6rem; font-size:.75rem}
.price{font-weight:800; font-size:1.1rem}
.footer{background:#0b1220; color:#fff}

.footer{
  background:#0b1220;
  color:#fff;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
}

.footer-link{
  color:rgba(255,255,255,.75);
  text-decoration:none;
  display:inline-block;
  padding:6px 0;
}
.footer-link:hover{ color:#fff; text-decoration:underline; }

.social-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
}
.social-btn:hover{
  background:rgba(255,255,255,.14);
  color:#fff;
}

.anniversary-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
}

.anniversary-inner{
  width:170px;
  border-radius:18px;
  padding:12px 12px;
  color:#fff;
  background:linear-gradient(135deg,#ff3c00,#ffb703);
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.2);
}

.anniversary-top{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  font-size:.85rem;
  opacity:.95;
}
.anniversary-hands{ font-size:1.1rem; }
.anniversary-years{
  font-weight:800;
  font-size:1.9rem;
  line-height:1.1;
  margin-top:6px;
}
.anniversary-sub{
  font-size:.85rem;
  opacity:.9;
}

.pay-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:.85rem;
}