/* Thank You Popup Glass Tab Styles */
.thankyou-popup.glass {
  background: rgba(30, 20, 40, 0.65);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0;
}

.thankyou-content {
  background: rgba(255,255,255,0.35);
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  padding: 2.5rem 2rem 2rem 2rem;
  text-align: center;
  min-width: 320px;
  max-width: 90vw;
  position: relative;
}

.thankyou-content h2 {
  margin-top: 0;
  font-size: 2rem;
  background: linear-gradient(90deg,#ff6078 0%,#d884ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.thankyou-content p {
  font-size: 1.15rem;
  background: linear-gradient(90deg,#ff6078 0%,#d884ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin-bottom: 1.5rem;
}

.thankyou-content .btn.solid {
  margin-top: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border-radius: 8px;
  background: linear-gradient(90deg,#ff6078 0%,#d884ff 100%);
  color: #1a1a1a;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: background 0.2s,transform .2s,opacity .25s;
}
.thankyou-content .btn.solid:hover {
  background: linear-gradient(90deg,#d884ff 0%,#ff6078 100%);
  transform: translateY(-3px);
  opacity: .85;
}
/* ===== PAGE BACKGROUND ====================================== */
body{
  /* 180-deg red-to-purple gradient */
  background-image: url('../../assets/images/leaves.png');
  color:#ffffff;
}

/* ===== QUOTE SECTION ======================================== */
.quote{
  padding:6rem 1rem 8rem;
  display:flex;flex-direction:column;align-items:center;gap:2rem;
  text-align:center;
}
.quote-title{
  font-family:'Poppins',sans-serif;
  font-size:clamp(2.2rem,5vw,3.2rem);
  font-weight:700;margin:0;
}
.quote-tag{font-size:1.1rem;opacity:.9;margin:0}

/* frosted form container */
.quote-form{
  backdrop-filter:blur(16px)saturate(180%);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.24);
  border-radius:22px;box-shadow:0 12px 28px rgba(0,0,0,.25);
  padding:2.5rem 2rem;max-width:600px;width:100%;
  display:flex;flex-direction:column;gap:1.4rem;
}

/* each field */
.field{
  display:flex;flex-direction:column;gap:.4rem;text-align:left
}



.field label{font-weight:600}
.field .opt{font-weight:400;font-size:.85rem;opacity:.7}

/* inputs / selects / textarea */
.quote-form input,
.quote-form select,
.quote-form textarea{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.25);
  color:#ffffff;
  font-family:inherit;font-size:.95rem;
  padding:.85rem 1rem;border-radius:12px;
  backdrop-filter:blur(10px)saturate(160%);
}
.quote-form input::placeholder,
.quote-form textarea::placeholder{color:rgba(255,255,255,.7)}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus{
  outline:none;border-color:#ff5b99;box-shadow:0 0 0 3px rgba(255,91,153,.35);
}

/* submit button */
.btn.solid{
  align-self:flex-start;
  background:linear-gradient(90deg,#ff6078 0%,#d884ff 100%);
  color:#1a1a1a;font-weight:600;border:none;
  padding:1rem 2.4rem;border-radius:999px;
  cursor:pointer;transition:transform .2s,opacity .25s;
}
.btn.solid:hover{transform:translateY(-3px);opacity:.85}

/* keep navbar floating over gradient nicely */
.navbar + .quote{margin-top:1rem}

/* footer inherits dark glass and white text from global styles */

/* === Make inputs/textarea/select clearly visible =============== */
.quote-form input,
.quote-form select,
.quote-form textarea{
  background: rgba(0,0,0,.35);      /* darker, easier to see           */
  border: 1px solid rgba(255,255,255,.50);
  color:#ffffff;
}

.quote-form input::placeholder,
.quote-form textarea::placeholder{
  color:rgba(255,255,255,.8);
}

.field label{color:#ffffff;font-size:.9rem;font-weight:600}

/* ===== Alt-contact pill ====================================== */
.alt-contact{
  backdrop-filter: blur(12px) saturate(170%);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 14px;
  padding: .8rem 1.4rem;
  margin-top: 1.6rem;
  font-weight: 600;
  color: #ffffff;
  display: inline-block;       /* keeps width snug */
}

.alt-contact a{
  color: #ffd07e;
  text-decoration: none;
}
.alt-contact a:hover{ text-decoration: underline; }

/* Make sure footer is visible even without scroll-reveal */
.footer{
  opacity:1 !important;
  transform:none !important;
}