/* ================= GLOBAL ================= */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#0b1222;
color:#ffffff;
line-height:1.6;
}

a{text-decoration:none;}

section{padding:60px 20px;}

.dark{background:#111a33;}

/* ================= HEADER ================= */
.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 20px;
background:#0a1020;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.logo{
font-size:20px;
font-weight:800;
background:linear-gradient(to right,#ffcc70,#d99400);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.menu-icon{
font-size:26px;
color:#fff;
}

/* ================= TEXT ================= */
h1{
font-size:28px;
font-weight:800;
line-height:1.3;
margin:20px 0 15px;
}

h2{
font-size:20px;
margin-bottom:15px;
color:#f5c36b;
}

p{
font-size:14px;
opacity:0.9;
margin-bottom:15px;
}

/* ================= GLASS CTA ================= */
.glass-cta{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:14px 24px;
border-radius:50px;
background:rgba(255,255,255,0.06);
border:1px solid rgba(245,195,107,0.7);
color:#f5c36b;
font-size:14px;
font-weight:500;
width:fit-content;
margin:0 auto 20px auto;
backdrop-filter:blur(10px);
}

.glass-cta .dot{
width:8px;
height:8px;
background:#f5c36b;
border-radius:50%;
}

/* ================= GOLD DISCOUNT ================= */
.gold-discount{
background:linear-gradient(135deg,#ffcc70,#d99400);
color:#000;
font-weight:700;
padding:18px;
border-radius:16px;
font-size:16px;
text-align:center;
margin:20px 0;
box-shadow:0 12px 30px rgba(245,195,107,0.35);
}

/* ================= BUTTON ================= */
.whatsapp-btn{
display:block;
background:#25D366;
padding:16px;
text-align:center;
border-radius:10px;
color:#fff;
font-weight:600;
margin-top:10px;
box-shadow:0 8px 20px rgba(37,211,102,0.3);
}

/* ================= FORM ================= */
input, textarea{
width:100%;
padding:14px;
margin-bottom:15px;
border-radius:8px;
border:none;
background:#1a233d;
color:#fff;
}

/* ================= FOOTER ================= */
footer{
text-align:center;
padding:30px 20px;
background:#0a1020;
font-size:12px;
opacity:0.6;
}
/* ================= MOBILE MENU ================= */
.mobile-menu {
  position: fixed;
  top: 70px;
  right: -100%;
  width: 220px;
  background: #111a33;
  display: flex;
  flex-direction: column;
  padding: 20px;
  transition: 0.4s ease;
  z-index: 999;
}

.mobile-menu a {
  color: #fff;
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 14px;
}

.mobile-menu a:hover {
  color: #f5c36b;
}

.mobile-menu.active {
  right: 0;
}

.logo a {
  text-decoration: none;
  color: inherit;
}
/* ================= MOBILE MENU ================= */
.mobile-menu {
  position: fixed;
  top: 70px; /* adjust to header height */
  right: -100%; /* hidden by default */
  width: 220px;
  height: 100%;
  background: #111a33;
  display: flex;
  flex-direction: column;
  padding: 20px;
  transition: 0.4s ease;
  z-index: 999;
}

.mobile-menu a {
  color: #fff;
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 14px;
}

.mobile-menu a:hover {
  color: #f5c36b;
}

.mobile-menu.active {
  right: 0; /* slide in */
}

.logo a {
  text-decoration: none;
  color: inherit;
}
.gold-discount {
    display: inline-block;          /* makes it behave like a block but auto width */
    background: linear-gradient(135deg,#ffcc70,#d99400);
    color: #000;
    font-weight: 700;
    padding: 18px 24px;             /* adjust padding for size */
    border-radius: 16px;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;              /* center horizontally */
    box-shadow: 0 12px 30px rgba(245,195,107,0.35);
    text-decoration: none;          /* remove underline */
    cursor: pointer;                /* pointer on hover */
    transition: 0.3s ease;          /* optional hover effect */
}

.gold-discount:hover {
    transform: scale(1.05);         /* subtle hover zoom */
}