/* HEADER */
.offer-header{
  background:#0b4bb3;
  height:56px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
}

.back-btn img{
  width: 22px;
  height: 22px;
}

.offer-header-text{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}

.offer-header-text h1{
  font-size:18px;
  margin:0;
}

.offer-header-text p{
  font-size:12px;
  margin:0;
  opacity:.9;
}

.offer-header strong{
  font-size:16px;
}

.offer-header small{
  font-size:12px;
  opacity:.85;
}

.back{
  font-size:20px;
}

/* PAGE */
.offer-page{
  padding-top:20px;
}

/* OFFER BOX */
.offer-box{
  background:#fdf4ff;
  border:1px solid #e9d5ff;
  border-radius:20px;
  padding:16px;
  margin-bottom:20px;
}

.offer-title{
  display:flex;
  gap:12px;
  margin-bottom:16px;
}

.gift-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(135deg,#a855f7,#ec4899);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
}

.offer-title h2{
  margin:0;
  font-size:18px;
  color:#6b21a8;
}

.offer-title p{
  margin:4px 0 0;
  font-size:13px;
  color:#7c3aed;
}

/* STEPS */
.offer-step{
  display:flex;
  gap:12px;
  padding:12px;
  background:#fff;
  border-radius:14px;
  margin-bottom:10px;
}

.offer-step span{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#ede9fe;
  color:#7c3aed;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  flex-shrink:0;
}

.offer-step strong{
  font-size:14px;
}

.offer-step small{
  display:block;
  font-size:12px;
  color:#6b7280;
}

/* SUBMIT */
.submit-title{
  margin:18px 0 10px;
}

.pro-tip{
  display:flex;
  align-items:flex-start;
  gap:5px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  padding:12px;
  border-radius:12px;
  font-size:13px;
  margin-bottom:14px;
}

.tip-icon{
  font-size:16px;
  line-height:1.4;
  flex-shrink:0;   /* 🔑 icon kabhi shrink nahi hoga */
}

.tip-content b{
  display:block;   /* 🔑 new line yahin se start */
}

.tip-content span{
  display:block;
  margin-top:1px;
  line-height:1.2;
}


.input-label{
  font-size:14px;
  font-weight:600;
}

.reel-input{
  width:100%;
  margin-top:6px;
  padding:12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  font-size:14px;
}

.input-hint{
  display:block;
  font-size:12px;
  color:#9ca3af;
  margin-top:6px;
}

/* BUTTON */
.submit-btn{
  margin-top:16px;
  width:100%;
  padding:14px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#9333ea,#db2777);
  color:#fff;
  font-size:15px;
  font-weight:700;
}

/* NOTE */
.note-box{
  margin-top:16px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  padding:12px;
  border-radius:12px;
  font-size:13px;
}
.win-card{
  background:#fff5ff;
  border:1px solid #e9d5ff;
  border-radius:18px;
  padding:16px;
  margin-bottom:18px;
}

.win-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.win-icon{
  width:44px;
  height:44px;
  border-radius:12px;
}