/* Login exclusivamente visual. Imagem executiva e vidro fosco. */
.client-stage{position:relative;isolation:isolate;min-height:calc(100svh - 68px);margin-top:68px;padding:40px 24px 48px;display:grid;place-items:center;background:#14212c}
.client-backdrop,.client-backdrop img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.client-backdrop img{object-position:center}
.client-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#12212f73,#0f1b2a40 48%,#101b2878);z-index:-1}
.client-card{width:min(450px,100%);padding:32px 36px 24px;background:rgba(250,249,246,.78);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:0 24px 70px #09172538,inset 0 1px 0 #ffffff70;font-family:Manrope,Arial,sans-serif;color:#1c2d36}
.client-kicker{font-size:8px;letter-spacing:.12em;color:#46565c}.client-mark{width:44px;height:44px;display:grid;place-items:center;color:#7c5e33;border:1px solid #ad956d80;border-radius:12px;background:#ffffff40;margin:20px 0 17px}.client-mark svg{display:block}
.client-eyebrow{font-size:9px;color:#6f512c;letter-spacing:.16em;font-weight:650}.client-card h1{font-size:34px;margin:8px 0 10px;line-height:1.15}.client-lead{font-size:13px;line-height:1.7;color:#3c4f57}
.preview-badge{margin:20px 0 18px;background:#f8f2e4a6;border:1px solid #a88d5c40;border-radius:6px;color:#664c2a;padding:8px;font-size:9px;letter-spacing:.05em;text-align:center;font-weight:600}
.client-fields>label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:14px 0 7px;color:#263c47}.client-fields>label span{font-size:10px;font-weight:400;color:#51616a}
.client-fields>input{width:100%;height:47px;background:#ffffff75;border:1px solid #8c9c9a99;border-radius:8px;padding:11px 13px;color:#3a5059;opacity:1;box-shadow:inset 0 1px 4px #0d202b04}.client-fields>input::placeholder{color:#52646c;font-size:12px}
.client-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}.client-options label{display:flex;align-items:center;gap:7px;font-size:11px;color:#364e59;white-space:nowrap}.client-options input{width:16px;height:16px;margin:0;accent-color:#86693e}.client-options button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#344d59;min-height:44px;padding:0;font-size:11px}
.client-enter{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;background:linear-gradient(110deg,#183440,#274955);color:#fff;border:1px solid #345360;border-radius:8px;padding:12px 18px;letter-spacing:.12em;font-size:11px;font-weight:650;box-shadow:0 5px 14px #17303c20}.client-enter:hover{background:#203e4b}.client-enter span{font-size:19px;line-height:1}
.client-card #client-feedback{font-size:11px;line-height:1.7;margin:14px 0 4px;min-height:40px;color:#3c515b;border-radius:7px}.client-card #client-feedback.is-preview-notice{padding:12px;background:#fbf5e7cf;border:1px solid #ae906055;color:#4f3c25}
.client-back{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#5d482d}.client-image-note{position:absolute;bottom:13px;right:20px;color:#fff;font-size:9px;text-shadow:0 1px 5px #000}
@media(max-width:600px){.client-stage{margin-top:62px;min-height:calc(100svh - 62px);padding:30px 18px 42px}.client-card{padding:27px 24px 18px;border-radius:20px;background:rgba(250,249,246,.80);backdrop-filter:blur(15px) saturate(110%);-webkit-backdrop-filter:blur(15px) saturate(110%)}.client-card h1{font-size:30px}.client-kicker{font-size:7px;letter-spacing:.1em}.client-mark{margin:17px 0 15px}.client-lead{font-size:12px}.client-image-note{font-size:8px;right:18px}}
@media(max-width:350px){.client-stage{padding-inline:14px}.client-card{padding-inline:20px}.client-options{gap:5px}.client-options label,.client-options button{font-size:10px}.client-card h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.client-enter{transition:none}}


/* EBNE - vidro fosco verdadeiro: imagem executiva aparece por trás do login. */
.client-card{
  background:rgba(250,249,246,.51);
  -webkit-backdrop-filter:blur(24px) saturate(125%);
  backdrop-filter:blur(24px) saturate(125%);
  border:1px solid rgba(255,255,255,.67);
  box-shadow:0 24px 72px rgba(7,17,26,.34),inset 0 1px 0 rgba(255,255,255,.6);
}
.client-card .client-fields>input{
  background:rgba(255,255,255,.57);
}
@media(max-width:600px){.client-card{background:rgba(250,249,246,.60);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}}

/* Tela reservada: fundo integral, sem navegação ou rodapé. */
.client-preview{min-height:100svh;background:#14212c}.client-preview .client-stage{margin-top:0;min-height:100svh;padding:76px 24px 44px}.client-return{position:absolute;top:18px;left:5%;z-index:2;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;font:500 11px/1.6 Manrope,Arial,sans-serif;color:#fff;border:1px solid #ffffff3d;border-radius:30px;background:#14212c42;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.client-return:hover{background:#14212c88}.client-return:focus-visible{outline:2px solid #e1c390;outline-offset:4px}.client-preview .client-card{box-shadow:0 24px 80px #07111a55,inset 0 1px 0 #ffffff80}.client-preview .client-image-note{bottom:13px}
@media(max-width:600px){.client-preview .client-stage{margin-top:0;min-height:100svh;padding:76px 18px 38px}.client-return{left:18px;top:16px;font-size:10px}.client-preview .client-card{width:min(450px,100%)}}@media(max-width:350px){.client-preview .client-stage{padding-inline:14px}.client-return{left:14px}}


/* Ajuste cirurgico: card compacto e centrado, sem ocultar conteudo. */
.client-preview .client-stage{
  min-height:100svh;
  padding:64px 24px 20px;
}
.client-preview .client-card{
  width:min(410px,100%);
  padding:22px 28px 15px;
  border-radius:20px;
}
.client-preview .client-mark{width:40px;height:40px;margin:10px 0 9px;border-radius:11px}
.client-preview .client-card h1{font-size:31px;margin:6px 0 7px}
.client-preview .client-lead{font-size:12px;line-height:1.55}
.client-preview .preview-badge{margin:12px 0 10px;padding:7px 6px}
.client-preview .client-fields>label{margin:10px 0 5px}
.client-preview .client-fields>input{height:43px}
.client-preview .client-options{margin:4px 0 7px}
.client-preview .client-enter{min-height:46px;padding:10px 16px}
.client-preview .client-card #client-feedback{margin:9px 0 0;min-height:28px;line-height:1.5}
@media(max-width:600px){
  .client-preview .client-stage{padding:64px 18px 20px}
  .client-preview .client-card{width:min(410px,100%);padding:20px 22px 14px}
  .client-preview .client-card h1{font-size:29px}
}
@media(max-height:700px){
  .client-preview .client-stage{padding-top:62px;padding-bottom:12px}
  .client-preview .client-card{padding-top:15px;padding-bottom:12px}
  .client-preview .client-mark{width:35px;height:35px;margin:7px 0}
  .client-preview .client-card h1{font-size:27px}
  .client-preview .preview-badge{margin:8px 0 7px}
  .client-preview .client-fields>label{margin:7px 0 4px}
  .client-preview .client-fields>input{height:39px}
  .client-preview .client-options{margin:2px 0 4px}
  .client-preview .client-enter{min-height:42px}
  .client-preview .client-card #client-feedback{margin-top:5px;min-height:24px}
}

@media(max-width:350px) and (max-height:600px){
  .client-preview .client-stage{padding-top:66px;padding-bottom:6px}
  .client-preview .client-card{padding-top:12px;padding-bottom:7px}
  .client-preview .client-mark{margin:4px 0}
  .client-preview .preview-badge{margin:6px 0}
}

@media(max-width:350px) and (max-height:600px){
  .client-preview .client-card #client-feedback.is-preview-notice{
    padding:6px 8px;
    font-size:10px;
    line-height:1.35;
  }
  .client-preview .client-image-note{top:27px;right:10px;bottom:auto;font-size:7px}
}