/* =========================================
   SIGNUP PAGE — page-specific styles
   ========================================= */

/* Base typography (standalone for now) */
body{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height:1.6;
}

/* Brand weight/size */
.navbar-brand{ font-weight:700; font-size:1.5rem; }

/* ---------- Hero (shared look) ---------- */
.hero{
  background: url('../images/bg1.jpeg') no-repeat center center / cover;
  color:#fff; padding:120px 0; position:relative; overflow:hidden;
}
.hero .container{ position:relative; z-index:1; }
.hero::after{
  content:""; position:absolute; inset:0; background:rgba(0,0,0,.42);
}
.hero::before{
  content:""; position:absolute; inset:0;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="1" fill="rgba(255,255,255,.12)"/></svg>') repeat;
  opacity:.12;
}

/* ---------- Section spacing ---------- */
.py-5, .section-padding{
  padding-top:3rem !important;
  padding-bottom:3rem !important;
}

/* ---------- Signup form (card-like) ---------- */
.signup-form{
  max-width:460px; margin:0 auto;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px; padding:24px 22px;
  box-shadow:0 12px 30px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.6);
  backdrop-filter:saturate(120%) blur(2px);
}
.signup-form .form-label{ font-weight:700; }
.signup-form .form-control{
  border-radius:.7rem; border:1px solid rgba(0,0,0,.12);
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.signup-form .form-control:focus{
  border-color:#667eea;
  box-shadow:0 0 0 .22rem rgba(102,126,234,.2);
}

/* ---------- Primary button (brand gradient) ---------- */
.btn-primary{
  background:linear-gradient(45deg,#667eea,#764ba2);
  border:none; border-radius:28px; padding:12px 30px; font-weight:600;
  transition:transform .2s ease, filter .2s ease;
}
.btn-primary:hover{
  background:linear-gradient(45deg,#764ba2,#667eea);
  transform:translateY(-1px) scale(1.02);
  filter:brightness(1.05);
}

/* ---------- Footer ---------- */
footer{
  background:#343a40; color:#fff; padding:40px 0;
}

/* ---------- Small responsive tweaks ---------- */
@media (max-width:576px){
  .hero{ padding:72px 0; }
  .signup-form{ padding:18px 16px; }
}
/* ==== Fix: Email + Send code ek hi line me ==== */
.signup-form .email-row {
  display: flex;
  align-items: center;
  gap: 10px;             /* thoda gap input aur button ke beech */
}

.signup-form .email-row .form-control {
  flex: 1 1 auto;        /* input expand kare */
}

.signup-form .email-row .btn {
  white-space: nowrap;   /* button text wrap na ho */
  height: 100%;          /* input ke height ke barabar */
}