.ypre-assessment,
.ypre-assessment *,
.ypre-assessment *::before,
.ypre-assessment *::after { box-sizing:border-box; }

.ypre-assessment {
  --ypre-navy:#184059;
  --ypre-navy-dark:#0f2f43;
  --ypre-blue:#1b769a;
  --ypre-cyan:#2da3c2;
  --ypre-sky:#dff3f8;
  --ypre-green:#6f9f4f;
  --ypre-gold:#e0ad39;
  --ypre-ink:#18303f;
  --ypre-muted:#5f707b;
  --ypre-line:rgba(24,64,89,.14);
  --ypre-soft:#f4f8f9;
  --ypre-white:#fff;
  --ypre-shadow:0 18px 50px rgba(24,64,89,.11);
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  color:var(--ypre-ink);
  background:#fff;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.ypre-assessment [hidden] { display:none !important; }
.ypre-assessment button,
.ypre-assessment input, .ypre-assessment select { font:inherit; }
.ypre-assessment button { cursor:pointer; }
.ypre-assessment__container { width:min(1120px,calc(100% - 40px)); margin:0 auto; }

.ypre-assessment__hero {
  position:relative;
  min-height:540px;
  display:grid;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(10,38,55,.94) 0%,rgba(15,56,77,.80) 50%,rgba(15,56,77,.28) 100%),
    linear-gradient(135deg,#184059,#2da3c2),
    url('https://yourpanamarelocationexperience.com/wp-content/uploads/2025/09/panama-ville-couche-soleil.jpg') center/cover no-repeat;
}
.ypre-assessment__hero::after {
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:100px;
  background:linear-gradient(to top,#f7fafb,transparent);
}
.ypre-assessment__hero-copy { position:relative; z-index:1; max-width:780px; padding:88px 0 130px; color:#fff; }
.ypre-assessment__hero h1 {
  max-width:820px;
  margin:0 0 22px;
  color:#fff !important;
  font:800 clamp(2.65rem,6vw,5rem)/1.03 'Manrope',sans-serif !important;
  letter-spacing:-.045em;
}
.ypre-assessment__hero p { max-width:750px; margin:0; color:rgba(255,255,255,.9); font-size:clamp(1.06rem,1.8vw,1.28rem); line-height:1.65; }
.ypre-assessment__hero-note { display:inline-flex; margin-top:24px; padding:10px 14px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:rgba(255,255,255,.9); background:rgba(255,255,255,.10); font-size:.82rem; font-weight:700; backdrop-filter:blur(8px); }

.ypre-assessment__main { padding:0 0 88px; background:linear-gradient(180deg,#f7fafb 0%,#fff 34%); }
.ypre-assessment__shell {
  position:relative;
  z-index:3;
  width:min(840px,100%);
  min-height:360px;
  margin:-82px auto 70px;
  padding:44px;
  border:1px solid var(--ypre-line);
  border-radius:26px;
  background:rgba(255,255,255,.98);
  box-shadow:var(--ypre-shadow);
}
.ypre-assessment__shell h2 { margin:0 0 14px; color:var(--ypre-navy-dark) !important; font:800 clamp(1.9rem,4vw,2.65rem)/1.12 'Manrope',sans-serif !important; letter-spacing:-.035em; }
.ypre-assessment__lead { max-width:660px; margin:0 0 26px; color:var(--ypre-muted); font-size:1.03rem; }

.ypre-assessment__mini-progress { display:flex; align-items:center; justify-content:center; max-width:420px; margin:0 auto 32px; }
.ypre-assessment__mini-progress span { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--ypre-line); border-radius:50%; color:var(--ypre-muted); background:#fff; font-size:.78rem; font-weight:800; }
.ypre-assessment__mini-progress span.is-active { border-color:var(--ypre-blue); color:#fff; background:linear-gradient(135deg,var(--ypre-blue),var(--ypre-cyan)); }
.ypre-assessment__mini-progress i { flex:1; height:1px; background:var(--ypre-line); }

.ypre-assessment__field-label { display:block; margin:0 0 8px; color:var(--ypre-navy-dark); font-size:.88rem; font-weight:800; }
.ypre-assessment__input { display:block; width:100%; min-height:54px; margin:0 0 16px; padding:13px 16px; border:1.5px solid rgba(24,64,89,.22) !important; border-radius:12px !important; color:var(--ypre-ink) !important; background:#fff !important; outline:none; box-shadow:none !important; font-size:1rem !important; }
.ypre-assessment__select { cursor:pointer; }
.ypre-assessment__input:focus { border-color:var(--ypre-cyan) !important; box-shadow:0 0 0 4px rgba(45,163,194,.12) !important; }
.ypre-assessment__button { display:inline-flex !important; min-height:50px; align-items:center; justify-content:center; padding:13px 22px !important; border:1px solid transparent !important; border-radius:999px !important; font-weight:800 !important; line-height:1.2 !important; text-decoration:none !important; transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.ypre-assessment__button:hover { transform:translateY(-1px); }
.ypre-assessment__button--primary { color:#fff !important; background:linear-gradient(270deg,var(--ypre-blue),var(--ypre-cyan)) !important; box-shadow:0 12px 30px rgba(27,118,154,.22); }
.ypre-assessment__button--secondary { color:var(--ypre-navy) !important; background:#fff !important; border-color:rgba(24,64,89,.18) !important; }
.ypre-assessment__button:disabled { cursor:default; opacity:.5; transform:none; }
.ypre-assessment__intro .ypre-assessment__button,
.ypre-assessment__gate .ypre-assessment__button { width:100%; }
.ypre-assessment__privacy { margin:17px 0 0; color:#71828c; font-size:.79rem; text-align:center; }
.ypre-assessment__error { min-height:20px; margin:-6px 0 10px; color:#a14d45; font-size:.82rem; font-weight:650; }
.ypre-assessment__honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; opacity:0 !important; }

.ypre-assessment__progress-head { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; color:var(--ypre-muted); font-size:.8rem; font-weight:800; }
.ypre-assessment__progress { height:6px; margin-bottom:34px; overflow:hidden; border-radius:99px; background:#e9f0f2; }
.ypre-assessment__progress span { display:block; width:8%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ypre-blue),var(--ypre-cyan)); transition:width 220ms ease; }
.ypre-assessment__question h2 { max-width:760px; scroll-margin-top:110px; font-size:clamp(1.55rem,3vw,2.2rem) !important; }
.ypre-assessment__question-helper { margin:-2px 0 20px; color:var(--ypre-muted); }
.ypre-assessment__choices { display:grid; gap:11px; margin-top:26px; }
.ypre-assessment__choice { width:100%; display:grid; grid-template-columns:38px minmax(0,1fr); gap:13px; align-items:center; padding:15px 17px; border:1px solid rgba(24,64,89,.13) !important; border-radius:14px; color:#284653 !important; background:#fff !important; text-align:left; transition:border-color 160ms ease,background 160ms ease,transform 160ms ease,box-shadow 160ms ease; }
button.ypre-assessment__choice:hover { transform:translateY(-1px); border-color:rgba(45,163,194,.5) !important; box-shadow:0 8px 22px rgba(24,64,89,.06); }
.ypre-assessment__choice.is-selected { border-color:var(--ypre-cyan) !important; background:#eff9fb !important; box-shadow:inset 4px 0 0 var(--ypre-cyan); }
.ypre-assessment__choice-letter,.ypre-assessment__choice-mark { display:grid; width:31px; height:31px; place-items:center; border-radius:50%; color:var(--ypre-blue); background:#eef6f8; font-size:.78rem; font-weight:900; }
.ypre-assessment__choice-text {
  display:block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#284653 !important;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:1rem !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-indent:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  white-space:normal !important;
}
.ypre-assessment label.ypre-assessment__choice,
.ypre-assessment label.ypre-assessment__choice * {
  opacity:1 !important;
  visibility:visible !important;
}
.ypre-assessment__choice--check { cursor:pointer; }
.ypre-assessment label.ypre-assessment__choice--check > input[type="checkbox"] {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}
.ypre-assessment__choice--check .ypre-assessment__choice-mark::after { content:'✓'; opacity:0; color:#fff; }
.ypre-assessment__choice--check.is-selected .ypre-assessment__choice-mark { background:var(--ypre-cyan); }
.ypre-assessment__choice--check.is-selected .ypre-assessment__choice-mark::after { opacity:1; }
.ypre-assessment__nav { display:flex; justify-content:space-between; gap:12px; margin-top:30px; }

.ypre-assessment__gate { max-width:650px; margin:0 auto; text-align:center; }
.ypre-assessment__gate-icon { display:grid; width:58px; height:58px; place-items:center; margin:0 auto 20px; border-radius:50%; color:#fff; background:var(--ypre-green); font-size:1.3rem; font-weight:900; }
.ypre-assessment[data-ypre-assessment] .ypre-assessment__gate form > label.ypre-assessment__field-label {
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 0 8px !important;
  padding:0 !important;
  transform:none !important;
  color:var(--ypre-navy-dark) !important;
  background:transparent !important;
  font-size:.88rem !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  text-align:left !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

.ypre-assessment__results-head { max-width:720px; margin-bottom:34px; }
.ypre-assessment__results-kicker { display:block; margin-bottom:10px; color:var(--ypre-blue); font-size:.74rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.ypre-assessment__results-head p { color:var(--ypre-muted); }
.ypre-assessment__result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ypre-assessment__result-card { position:relative; padding:24px; border:1px solid var(--ypre-line); border-radius:18px; background:#fff; box-shadow:0 8px 26px rgba(24,64,89,.055); }
.ypre-assessment__result-number { display:block; margin-bottom:18px; color:var(--ypre-gold); font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.ypre-assessment__result-card h3 { margin:0 0 13px; color:var(--ypre-navy-dark) !important; font-size:1.04rem !important; }
.ypre-assessment__result-card strong { display:block; margin-bottom:10px; color:var(--ypre-blue); font-size:1.12rem; line-height:1.35; }
.ypre-assessment__result-card p { margin:0; color:#4e6571; font-size:.91rem; line-height:1.62; }
.ypre-assessment__focus { margin-top:18px; padding:20px 22px; border-left:4px solid var(--ypre-gold); border-radius:4px 14px 14px 4px; background:#fff8e8; }
.ypre-assessment__focus h3 { margin:0 0 5px; color:var(--ypre-navy-dark) !important; font-size:1rem !important; }
.ypre-assessment__focus p { margin:0; color:#586b75; }
.ypre-assessment__next-step { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; margin-top:28px; padding:30px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#12374d,#1b769a); }
.ypre-assessment__next-step h3 { margin:0 0 8px; color:#fff !important; font-size:1.35rem !important; }
.ypre-assessment__next-step p { margin:0; color:rgba(255,255,255,.84); }
.ypre-assessment__next-step .ypre-assessment__results-kicker { color:#bfeaf4; }
.ypre-assessment__next-step .ypre-assessment__button { white-space:nowrap; }
.ypre-assessment__mail-status { margin-top:18px; padding:13px 15px; border-radius:12px; color:#75530d; background:#fff8e6; font-size:.85rem; }
.ypre-assessment__restart { margin-top:22px; padding:0; border:0; color:var(--ypre-blue); background:none; font-weight:800; text-decoration:underline; text-underline-offset:4px; }

.ypre-assessment__measurements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-bottom:70px; }
.ypre-assessment__measurements article { padding:28px 26px; border-top:3px solid var(--ypre-cyan); background:#fff; }
.ypre-assessment__measurements article:nth-child(2) { border-top-color:var(--ypre-green); }
.ypre-assessment__measurements article:nth-child(3) { border-top-color:var(--ypre-gold); }
.ypre-assessment__measurements span { display:block; margin-bottom:14px; color:var(--ypre-blue); font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.ypre-assessment__measurements h3 { margin:0 0 9px; color:var(--ypre-navy-dark) !important; font-size:1.2rem !important; }
.ypre-assessment__measurements p { margin:0; color:var(--ypre-muted); font-size:.92rem; }
.ypre-assessment__workbook-note { padding:38px 42px; border:1px solid rgba(24,64,89,.11); border-radius:22px; background:linear-gradient(135deg,#eef9fb,#f8fbfc 60%,#fff8e8); }
.ypre-assessment__workbook-note h2 { margin:0 0 10px; color:var(--ypre-navy-dark) !important; font-size:clamp(1.65rem,3vw,2.35rem) !important; }
.ypre-assessment__workbook-note p { max-width:820px; margin:0; color:#516a76; }

@media (max-width:900px) {
  .ypre-assessment__hero { min-height:500px; background-position:58% center; }
  .ypre-assessment__shell { padding:34px; }
  .ypre-assessment__result-grid,.ypre-assessment__measurements { grid-template-columns:1fr; }
  .ypre-assessment__next-step { grid-template-columns:1fr; }
  .ypre-assessment__next-step .ypre-assessment__button { justify-self:start; }
}
@media (max-width:640px) {
  .ypre-assessment__container { width:min(100% - 26px,1120px); }
  .ypre-assessment__hero { min-height:520px; background-position:62% center; }
  .ypre-assessment__hero-copy { padding:68px 0 126px; }
  .ypre-assessment__hero-note { border-radius:15px; }
  .ypre-assessment__shell { margin-top:-72px; padding:24px 18px; border-radius:20px; }
  .ypre-assessment__choice { grid-template-columns:34px minmax(0,1fr); padding:13px 12px; }
  .ypre-assessment__nav { flex-direction:column-reverse; }
  .ypre-assessment__nav .ypre-assessment__button { width:100%; }
  .ypre-assessment__next-step { padding:24px 20px; }
  .ypre-assessment__next-step .ypre-assessment__button { width:100%; }
  .ypre-assessment__workbook-note { padding:28px 24px; }
}


/* Mail delivery warning shown only if WordPress reports wp_mail() failure. */
.ypre-assessment .ypre-assessment__mail-notice {
  margin:0 0 24px !important; padding:14px 16px !important;
  border:1px solid rgba(224,173,57,.38) !important; border-left:4px solid #e0ad39 !important;
  border-radius:10px !important; background:#fff8e6 !important; color:#634b16 !important;
  font-size:.92rem !important; line-height:1.55 !important;
}

@media (max-width:720px) {
  .ypre-assessment__question h2 { scroll-margin-top:82px; }
}