:root{
  --bg:#0B1218;
  --text:#EAF2FF;
  --muted:#8FA3B8;
  --card:#0F1A24;
  --accent: #B87333;
  --danger:#FF4C4C;
  --success:#8FFF4C;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:radial-gradient(60% 60% at 50% 20%, #121A24 0%, var(--bg) 60%);
}
.container{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2rem;
  padding:2rem 1rem;
}
.brand{text-align:center;}
.logo{font-weight:700;font-size:2rem;letter-spacing:.5px;}
.tagline{opacity:.85;margin-top:.25rem;}
.card{
  width:100%;
  max-width:720px;
  background:linear-gradient(180deg, #B87333, #b86f2c), rgba(255,255,255,0.02));
  backdrop-filter: blur(6px);
  border: 0.75px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:1.5rem;
  

  border: 0.75px solid #B87333;}
h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.2;}
.form .label{display:block;margin-bottom:.5rem;color:var(--muted);font-size:.95rem;}
.input, textarea.input{
  width:100%;
  border: 0.75px solid rgba(255,255,255,0.12);
  background:var(--card);
  color:var(--text);
  border-radius:12px;
  padding:.9rem 1rem;
  outline:none;
  transition:border .2s ease, box-shadow .2s ease;
  font-size:1rem;
  line-height:1.4;

  border: 0.75px solid #B87333;}
.input::placeholder{color:#6F8197;}
.input:focus{
  border-color:#B87333;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);

  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);
  border-color: #B87333;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);}
.input.invalid{
  border-color: var(--danger);
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);
  transition: border-color 0.8s ease, box-shadow 0.8s ease;
}
.grid{display:grid;grid-template-columns:1fr;gap:1rem;}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr;}}
.actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem;}
.btn{appearance:none;border:none;background:transparent;color:var(--text);border: 0.75px solid rgba(255,255,255,0.2);padding:.9rem 1.2rem;border-radius:12px;cursor:pointer;transition:transform .05s ease,background .2s ease,border-color .2s ease;}
.btn.primary:hover {border-color:rgba(255,255,255,0.35);
  box-shadow: 0 0 6px #37C96B, 0 0 10px rgba(55,201,107,0.35);}
.btn:active{transform:translateY(1px);}
.btn.primary{background: linear-gradient(180deg, #37C96B, #2CA65C);border-color:transparent;font-weight:600;}
.hidden{display:none;}
.status{margin-top:1rem;min-height:1.25rem;font-size:.95rem;color:var(--muted);}
.status.error{color:var(--danger);}
.status.success{color:var(--success);}
.footer{text-align:center;opacity:.8;font-size:.9rem;}
.pac-container {
  background-color: #0F1A24 !important;
  border: 0.75px solid #B87333 !important;
  border-radius: 12px !important;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);
  font-family: 'Inter', sans-serif !important;
  color: #ffffff !important;
  z-index: 99999 !important;
  animation: fadeIn .25s ease-out;
  overflow:hidden;

  border-color: #B87333 !important;}
.pac-item {
  background: transparent !important;
  color: #ffffff !important;
  padding: 0 1rem !important;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
  transition: background .2s ease, box-shadow .2s ease;
}
.pac-item:hover {
  background-color: rgba(255,255,255,0.1) !important;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);

  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);}
.pac-item span, .pac-item-query, .pac-matched { color: #ffffff !important; }
@keyframes fadeIn {
  from {opacity:0; transform:translateY(-5px);}
  to {opacity:1; transform:translateY(0);}
}


select {
  width: 100%;
  border: 0.75px solid #B87333;
  background: var(--card);
  color: var(--text);
  border-radius: 12px;
  padding: .9rem 1rem;
  outline: none;
  font-size: 1rem;
  line-height: 1.4;
  transition: border .2s ease, box-shadow .2s ease;
}

select:focus {
  border-color: #B87333;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);

  border-color: #B87333;
  box-shadow: 0 0 6px #B87333, 0 0 10px rgba(184,115,51,0.35);}

/* === PHONE INPUT VALIDATION STATES === */

/* Default neutral state for phone input */
input[type="tel"] {
  border: 0.75px solid var(--accent);
  box-shadow: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Focused: keep neutral color */
input[type="tel"]:focus {
  border-color: var(--accent);
  box-shadow: none;
}

/* Invalid phone number */
input[type="tel"].invalid {
  border-color: var(--danger);
  box-shadow: 0 0 6px var(--danger), 0 0 10px rgba(255,76,76,0.25);
}

/* Valid phone number */
input[type="tel"].valid {
  border-color: var(--success);
  box-shadow: 0 0 6px var(--success), 0 0 10px rgba(143,255,76,0.25);
}

/* === White glow only for BACK button (priority override) === */
.btn.back:hover {
  box-shadow: 0 0 6px #ffffff, 0 0 10px rgba(255,255,255,0.4) !important;
  border-color: #ffffff !important;
  background: transparent !important;
}
/* Continue button positioning */
#continueBtn{display:block;margin-left:auto;margin-top:10px;}