/* DuzziPrev Auth Next 23.6.0 — login aligned with the product */
body.dp-login-page{
  --login-navy:#0f1f2d;
  --login-navy-2:#132a3e;
  --login-bg:#f3f6fa;
  --login-surface:#ffffff;
  --login-surface-2:#f7f9fc;
  --login-line:#dce6f0;
  --login-line-strong:#cbd8e6;
  --login-text:#10233b;
  --login-muted:#71849b;
  --login-blue:#1473e6;
  --login-blue-2:#0b66e8;
  --login-green:#42d392;
  --login-shadow:0 18px 46px rgba(15,31,45,.10);
  min-height:100svh!important;
  background:var(--login-bg)!important;
  color:var(--login-text)!important;
}

.dp-login-page .auth-layout{
  min-height:100svh!important;
  grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr)!important;
  background:var(--login-bg)!important;
}

/* Brand side: same navy language as the authenticated app */
.dp-login-page .brand-panel{
  min-height:100svh!important;
  padding:36px clamp(38px,4.3vw,68px)!important;
  background:#000!important;
  border-right:1px solid #242424!important;
}
.dp-login-page .brand-panel::before{
  opacity:0!important;
  background-image:
    linear-gradient(rgba(151,175,198,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(151,175,198,.08) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
}
.dp-login-page .brand-panel::after{
  display:none!important;
}
.dp-login-page .brand-inner{
  min-height:calc(100svh - 72px)!important;
}
.dp-login-page .brand-link{
  min-height:46px!important;
  padding:0!important;
}
.dp-login-page .brand-logo{
  width:210px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.dp-login-page .brand-copy{
  max-width:560px!important;
  margin:auto 0!important;
}
.dp-login-page .brand-kicker{
  margin-bottom:18px!important;
  padding:7px 10px!important;
  border:1px solid rgba(128,170,208,.15)!important;
  background:rgba(255,255,255,.035)!important;
  color:#9fb5ca!important;
  font-size:var(--dp-type-floor,10px)!important;
  letter-spacing:.13em!important;
}
.dp-login-page .brand-kicker::before{
  width:6px!important;height:6px!important;
  background:var(--login-green)!important;
  box-shadow:0 0 0 4px rgba(66,211,146,.10)!important;
}
.dp-login-page .brand-copy h1{
  max-width:540px!important;
  color:#f4f8fb!important;
  font-size:clamp(36px,3.4vw,52px)!important;
  line-height:1.04!important;
  letter-spacing:-.052em!important;
}
.dp-login-page .brand-copy h1 span{
  color:#7eb7ff!important;
}
.dp-login-page .brand-copy>p{
  max-width:510px!important;
  margin-top:16px!important;
  color:#94a9be!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}
.dp-login-page .product-points{
  margin-top:24px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid #242424!important;
  border-bottom:1px solid #242424!important;
}
.dp-login-page .product-point{
  min-height:104px!important;
  padding:13px!important;
  border:0!important;
  border-right:1px solid #242424!important;
  border-radius:0!important;
  background:transparent!important;
}
.dp-login-page .product-point:last-child{border-right:0!important}
.dp-login-page .product-point i{
  width:29px!important;height:29px!important;
  border-radius:9px!important;
  background:#171717!important;
  color:#8fc0ff!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .product-point:nth-child(2) i{background:#171717!important;color:#72dfa5!important}
.dp-login-page .product-point:nth-child(3) i{background:#171717!important;color:#9eb8d2!important}
.dp-login-page .product-point strong{
  margin-top:10px!important;
  color:#e9f0f7!important;
  font-size:10.5px!important;
}
.dp-login-page .product-point span{
  margin-top:4px!important;
  color:#7890a8!important;
  font-size:var(--dp-type-floor,10px)!important;
  line-height:1.45!important;
}
.dp-login-page .brand-footer{
  padding-top:20px!important;
  color:#6f879f!important;
  font-size:var(--dp-type-floor,10px)!important;
}

/* Login side */
.dp-login-page .auth-side{
  min-height:100svh!important;
  padding:24px clamp(30px,4vw,58px)!important;
  background:var(--login-bg)!important;
}
.dp-login-page .auth-topbar{
  gap:10px!important;
  color:#7a8da3!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .auth-topbar a{
  height:36px!important;
  padding:0 13px!important;
  border:1px solid #cbd9e7!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--login-blue)!important;
  font-size:var(--dp-type-floor,10px)!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.dp-login-page .auth-wrap{
  width:min(100%,440px)!important;
  margin:auto!important;
  padding:28px!important;
  border:1px solid var(--login-line)!important;
  border-radius:16px!important;
  background:var(--login-surface)!important;
  box-shadow:var(--login-shadow)!important;
}
.dp-login-page .auth-eyebrow{
  margin-bottom:9px!important;
  color:var(--login-blue)!important;
  font-size:var(--dp-type-floor,10px)!important;
  letter-spacing:.12em!important;
}
.dp-login-page .auth-eyebrow::before{
  width:18px!important;
  background:var(--login-blue)!important;
}
.dp-login-page .auth-wrap h2{
  color:var(--login-text)!important;
  font-size:28px!important;
  font-weight:820!important;
  letter-spacing:-.038em!important;
}
.dp-login-page .auth-subtitle{
  margin:7px 0 20px!important;
  color:var(--login-muted)!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}

/* Google / divider */
.dp-login-page .dp-google-button{
  min-height:44px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid var(--login-line-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#263b53!important;
  font-size:10px!important;
  font-weight:780!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.dp-login-page .dp-google-button:hover{
  border-color:#a9bfd7!important;
  background:#f9fbfd!important;
  transform:translateY(-1px)!important;
}
.dp-login-page .dp-google-button svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
.dp-login-page .dp-auth-divider{
  margin:14px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#8b9caf!important;
  font-size:var(--dp-type-floor,10px)!important;
  font-weight:700!important;
}
.dp-login-page .dp-auth-divider::before,
.dp-login-page .dp-auth-divider::after{
  content:""!important;height:1px!important;flex:1!important;background:#e4ebf2!important;
}

/* Inputs */
.dp-login-page .field{margin-bottom:12px!important}
.dp-login-page .field-label{
  margin-bottom:6px!important;
  color:#41566e!important;
  font-size:var(--dp-type-floor,10px)!important;
  font-weight:780!important;
}
.dp-login-page .input-shell input{
  height:48px!important;
  padding:0 72px 0 40px!important;
  border:1px solid #cdd9e6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#10233b!important;
  font-size:11.5px!important;
}
.dp-login-page .input-shell>svg{
  left:13px!important;
  width:15px!important;height:15px!important;
  color:#7d91a7!important;
}
.dp-login-page .input-shell input::placeholder{color:#92a3b5!important}
.dp-login-page .input-shell input:hover{border-color:#b8c9da!important}
.dp-login-page .input-shell input:focus{
  border-color:#5b9cf0!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(20,115,230,.10)!important;
}
.dp-login-page .input-shell input[aria-invalid="true"]{
  border-color:#ee8f8f!important;
  background:#fffafa!important;
}
.dp-login-page .password-toggle{
  right:7px!important;
  height:34px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  color:#687e94!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .password-toggle:hover,
.dp-login-page .password-toggle:focus-visible{
  background:#eef4fb!important;
  color:var(--login-blue)!important;
}

.dp-login-page .form-options{
  margin:2px 0 16px!important;
  color:#65798f!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .remember{gap:7px!important;font-size:var(--dp-type-floor,10px)!important}
.dp-login-page .remember input{width:15px!important;height:15px!important;accent-color:var(--login-blue)!important}
.dp-login-page .support-inline{
  color:var(--login-blue)!important;
  font-size:var(--dp-type-floor,10px)!important;
}

/* Primary action follows the authenticated product: blue, not green */
.dp-login-page .submit-button{
  height:48px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#2481f4 0%,#146fe5 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(20,115,230,.18)!important;
  font-size:10.5px!important;
  font-weight:820!important;
}
.dp-login-page .submit-button:hover{
  filter:none!important;
  background:linear-gradient(180deg,#2a86f7 0%,#1166d7 100%)!important;
  box-shadow:0 10px 22px rgba(20,115,230,.23)!important;
}

/* Trial / footer */
.dp-login-page .trial-divider{
  margin:17px 0 10px!important;
  color:#8b9caf!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .trial-divider::before,
.dp-login-page .trial-divider::after{background:#e3eaf1!important}
.dp-login-page .trial-link{
  min-height:48px!important;
  padding:10px 12px!important;
  border:1px solid #d6e1ec!important;
  border-radius:10px!important;
  background:#f7f9fc!important;
  color:var(--login-text)!important;
  box-shadow:none!important;
}
.dp-login-page .trial-link:hover{
  border-color:#b6cee9!important;
  background:#f2f7fd!important;
  box-shadow:none!important;
}
.dp-login-page .trial-link strong{
  color:#1d4f88!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .trial-link small{
  margin-top:2px!important;
  color:#7c8da1!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .trial-link>span:last-child{
  width:28px!important;height:28px!important;
  border-radius:8px!important;
  background:#e9f2fe!important;
  color:var(--login-blue)!important;
}
.dp-login-page .auth-footer{
  margin-top:16px!important;
  color:#7b8da1!important;
  font-size:var(--dp-type-floor,10px)!important;
}
.dp-login-page .security-note{
  margin-top:10px!important;
  color:#91a1b3!important;
  font-size:var(--dp-type-floor,10px)!important;
}

/* Alerts */
.dp-login-page .alert{
  margin-bottom:14px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  font-size:var(--dp-type-floor,10px)!important;
}

/* Dark login follows the same mobile/product palette */
html[data-dp-theme="dark"] body.dp-login-page{
  --login-navy:#000;
  --login-navy-2:#0a0a0a;
  --login-bg:#000;
  --login-surface:#0a0a0a;
  --login-surface-2:#101010;
  --login-line:#242424;
  --login-line-strong:#343434;
  --login-text:#f4f4f5;
  --login-muted:#a1a1aa;
  background:var(--login-bg)!important;
}
html[data-dp-theme="dark"] .dp-login-page .auth-side{background:#000!important}
html[data-dp-theme="dark"] .dp-login-page .auth-wrap{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-dp-theme="dark"] .dp-login-page .auth-wrap h2{color:#eef4fb!important}
html[data-dp-theme="dark"] .dp-login-page .auth-subtitle,
html[data-dp-theme="dark"] .dp-login-page .field-label,
html[data-dp-theme="dark"] .dp-login-page .form-options,
html[data-dp-theme="dark"] .dp-login-page .remember{color:#9aadc1!important}
html[data-dp-theme="dark"] .dp-login-page .input-shell input{
  background:#101010!important;
  border-color:#343434!important;
  color:#f4f4f5!important;
}
html[data-dp-theme="dark"] .dp-login-page .input-shell input::placeholder{color:#72889e!important}
html[data-dp-theme="dark"] .dp-login-page .input-shell input:focus{
  background:#101010!important;
  border-color:var(--login-blue)!important;
  box-shadow:0 0 0 3px rgba(75,143,233,.13)!important;
}
html[data-dp-theme="dark"] .dp-login-page .password-toggle:hover{
  background:#171717!important;
}
html[data-dp-theme="dark"] .dp-login-page .dp-google-button,
html[data-dp-theme="dark"] .dp-login-page .trial-link,
html[data-dp-theme="dark"] .dp-login-page .auth-topbar a{
  background:#101010!important;
  border-color:#343434!important;
  color:#e4e4e7!important;
}
html[data-dp-theme="dark"] .dp-login-page .dp-google-button:hover,
html[data-dp-theme="dark"] .dp-login-page .trial-link:hover{
  background:#171717!important;
  border-color:#444!important;
}
html[data-dp-theme="dark"] .dp-login-page .dp-auth-divider,
html[data-dp-theme="dark"] .dp-login-page .trial-divider{color:#8195aa!important}
html[data-dp-theme="dark"] .dp-login-page .dp-auth-divider::before,
html[data-dp-theme="dark"] .dp-login-page .dp-auth-divider::after,
html[data-dp-theme="dark"] .dp-login-page .trial-divider::before,
html[data-dp-theme="dark"] .dp-login-page .trial-divider::after{background:#242424!important}
html[data-dp-theme="dark"] .dp-login-page .trial-link strong{color:#9bc8ff!important}
html[data-dp-theme="dark"] .dp-login-page .trial-link small{color:#8fa3b8!important}
html[data-dp-theme="dark"] .dp-login-page .trial-link>span:last-child{background:#171717!important;color:#8fc0ff!important}
html[data-dp-theme="dark"] .dp-login-page .auth-footer,
html[data-dp-theme="dark"] .dp-login-page .security-note{color:#72879c!important}

/* Tablet: keep brand, but shorten it */
@media(max-width:1050px){
  .dp-login-page .auth-layout{grid-template-columns:1fr!important}
  .dp-login-page .brand-panel{
    min-height:176px!important;
    padding:24px 28px 44px!important;
  }
  .dp-login-page .brand-inner{min-height:auto!important}
  .dp-login-page .brand-logo{width:186px!important}
  .dp-login-page .brand-copy{margin:20px 0 0!important}
  .dp-login-page .brand-copy h1{font-size:29px!important}
  .dp-login-page .brand-copy>p{margin-top:8px!important;font-size:10.5px!important}
  .dp-login-page .brand-kicker,
  .dp-login-page .product-points,
  .dp-login-page .brand-footer{display:none!important}
  .dp-login-page .auth-side{
    min-height:calc(100svh - 150px)!important;
    margin-top:-22px!important;
    padding:34px 20px 28px!important;
    border-radius:22px 22px 0 0!important;
  }
  .dp-login-page .auth-topbar{display:none!important}
}

/* Phone: looks like the entry screen of the app */
@media(max-width:600px){
  html{
    min-height:100%;
    background:#000!important;
  }
  body.dp-login-page{
    min-height:100%;
    background:var(--login-navy)!important;
  }
  .dp-login-page .auth-layout{
    display:block!important;
    min-height:100svh!important;
    background:var(--login-navy)!important;
  }
  .dp-login-page .brand-panel{
    min-height:118px!important;
    height:118px!important;
    padding:calc(12px + env(safe-area-inset-top)) 20px 18px!important;
    display:flex!important;
    align-items:flex-end!important;
    background:var(--login-navy)!important;
    border:0!important;
  }
  .dp-login-page .brand-panel::before,
  .dp-login-page .brand-panel::after{display:none!important}
  .dp-login-page .brand-inner{
    width:100%!important;
    min-height:0!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
  .dp-login-page .brand-link{
    min-height:42px!important;
    align-items:center!important;
  }
  .dp-login-page .brand-logo{
    width:178px!important;
    height:46px!important;
    object-fit:contain!important;
  }
  .dp-login-page .brand-copy,
  .dp-login-page .brand-footer{display:none!important}

  .dp-login-page .auth-side{
    min-height:calc(100svh - 104px)!important;
    margin-top:-14px!important;
    padding:22px 14px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:22px 22px 0 0!important;
    background:var(--login-bg)!important;
  }
  .dp-login-page .auth-wrap{
    width:100%!important;
    max-width:440px!important;
    padding:20px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .dp-login-page .auth-eyebrow{margin-bottom:7px!important;font-size:var(--dp-type-floor,10px)!important}
  .dp-login-page .auth-wrap h2{font-size:25px!important}
  .dp-login-page .auth-subtitle{margin:6px 0 18px!important;font-size:10px!important}
  .dp-login-page .input-shell input{
    height:50px!important;
    font-size:16px!important; /* prevents iOS auto zoom */
    border-radius:11px!important;
  }
  .dp-login-page .submit-button{
    height:50px!important;
    font-size:11px!important;
    border-radius:11px!important;
  }
  .dp-login-page .dp-google-button{min-height:48px!important;border-radius:11px!important}
  .dp-login-page .trial-link{min-height:52px!important;border-radius:11px!important}
  .dp-login-page .form-options{align-items:center!important}
  .dp-login-page .auth-footer{margin-top:14px!important}
}

@media(max-width:380px){
  .dp-login-page .auth-side{padding-inline:10px!important}
  .dp-login-page .auth-wrap{padding:17px!important}
  .dp-login-page .support-inline{display:inline!important}
  .dp-login-page .form-options{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }
}

/* Product System 25.0 — login com a mesma linguagem visual do app. */
body.dp-login-page{
  --login-blue:#2f7cf6;
  --login-blue-2:#246fe8;
  --login-green:#16865f;
  --login-line:#dfe7f1;
  --login-line-strong:#cbd8e6;
}
.dp-login-page .brand-panel{
  background:
    radial-gradient(circle at 84% 14%,rgba(47,124,246,.16),transparent 30%),
    #000!important;
}
.dp-login-page .brand-panel::after{
  box-shadow:0 0 0 76px rgba(47,124,246,.022),0 0 0 152px rgba(47,124,246,.012)!important;
}
.dp-login-page .brand-kicker::before{
  background:var(--login-blue)!important;
  box-shadow:0 0 0 4px rgba(47,124,246,.12)!important;
}
.dp-login-page .product-point:nth-child(2) i,
.dp-login-page .product-point:nth-child(3) i{
  background:#171717!important;
  color:#8fc0ff!important;
}
.dp-login-page .brand-footer svg{color:#7eb7ff!important}
.dp-login-page .auth-topbar{font-size:12px!important}
.dp-login-page .auth-topbar a{font-size:12px!important}
.dp-login-page .brand-kicker{font-size:11px!important}
.dp-login-page .brand-copy>p{font-size:15px!important}
.dp-login-page .product-point strong{font-size:12px!important}
.dp-login-page .product-point span{font-size:11px!important}
.dp-login-page .brand-footer{font-size:11px!important}
.dp-login-page .auth-eyebrow{font-size:11px!important}
.dp-login-page .auth-subtitle{font-size:13.5px!important}
.dp-login-page .field-label{font-size:12px!important}
.dp-login-page .input-shell input{font-size:14px!important}
.dp-login-page .password-toggle{font-size:12px!important}
.dp-login-page .form-options,
.dp-login-page .remember,
.dp-login-page .support-inline{font-size:12px!important}
.dp-login-page .submit-button{font-size:13.5px!important}
.dp-login-page .dp-google-button{font-size:13px!important}
.dp-login-page .dp-auth-divider{font-size:11px!important}
.dp-login-page .trial-divider{font-size:11px!important}
.dp-login-page .trial-link strong{font-size:12.5px!important;color:#245da5!important}
.dp-login-page .trial-link small{font-size:11.5px!important}
.dp-login-page .auth-footer{font-size:11px!important}
.dp-login-page .security-note{font-size:10.5px!important}
.dp-login-page .alert{font-size:12px!important}
.dp-login-page .input-shell input:focus{
  border-color:#76aaff!important;
  box-shadow:0 0 0 3px rgba(47,124,246,.13)!important;
}
.dp-login-page .submit-button{
  background:linear-gradient(180deg,#3b86f7 0%,#2f7cf6 100%)!important;
  box-shadow:0 8px 18px rgba(47,124,246,.20)!important;
}
.dp-login-page .submit-button:hover{
  background:linear-gradient(180deg,#438cf9 0%,#246fe8 100%)!important;
  box-shadow:0 10px 22px rgba(47,124,246,.25)!important;
}
@media(max-width:1050px){
  .dp-login-page .brand-copy>p{font-size:13px!important}
}
@media(max-width:600px){
  .dp-login-page .auth-eyebrow{font-size:10px!important}
  .dp-login-page .auth-subtitle{font-size:13px!important}
  .dp-login-page .submit-button{font-size:14px!important}
  .dp-login-page .field-label,
  .dp-login-page .remember,
  .dp-login-page .support-inline{font-size:12px!important}
}