/* GemTrove Account Experience R2 - final layout refinement + subtle sparkle. */
.gt-simple-login-card{position:relative!important}
.gt-simple-login-card .gt-simple-signup-cta,
.gt-simple-login-card .gt-simple-primary,
.gt-simple-login-card .gt-simple-provider-btn{width:100%!important;max-width:none!important}

@media (min-width:900px){
  .gt-simple-login-page{
    min-height:100svh!important;
    display:grid!important;
    place-items:center!important;
    padding:16px 18px!important;
  }
  .gt-simple-login-card{
    width:min(1080px,calc(100vw - 40px))!important;
    height:min(590px,calc(100svh - 34px))!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,0.98fr) minmax(430px,1.02fr)!important;
    grid-template-areas:
      "brand visual"
      "title visual"
      "subtitle visual"
      "alert visual"
      "recovery visual"
      "form visual"
      "providers visual"
      "signup visual"!important;
    grid-template-rows:auto auto auto auto auto auto auto auto!important;
    column-gap:0!important;
    row-gap:8px!important;
    align-content:center!important;
    align-items:start!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  .gt-simple-login-card>.gt-simple-brand,
  .gt-simple-login-card>h1,
  .gt-simple-login-card>.gt-simple-login-subtitle,
  .gt-simple-login-card>.gt-simple-alert,
  .gt-simple-login-card>.gt-verification-recovery,
  .gt-simple-login-card>.gt-simple-login-form,
  .gt-simple-login-card>.gt-simple-providers,
  .gt-simple-login-card>.gt-simple-signup-cta,
  .gt-simple-login-card>.gt-simple-trust-row,
  .gt-simple-login-card>.gt-simple-divider{
    grid-column:1!important;
    padding-left:clamp(34px,4vw,52px)!important;
    padding-right:clamp(28px,3vw,40px)!important;
    min-width:0!important;
  }
  .gt-simple-login-card>.gt-simple-brand{grid-area:brand!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;margin:0!important;padding-top:0!important}
  .gt-simple-brand-logo{width:46px!important;height:46px!important}
  .gt-simple-brand-word{font-size:22px!important;letter-spacing:.14em!important}
  .gt-simple-login-card>h1{grid-area:title!important;font-size:32px!important;line-height:.95!important;margin:0!important}
  .gt-simple-login-card>.gt-simple-login-subtitle{grid-area:subtitle!important;display:block!important;font-size:15px!important;margin:0!important;color:#66748a!important}
  .gt-simple-login-card>.gt-simple-alert{grid-area:alert!important;margin:0!important}
  .gt-simple-login-card>.gt-verification-recovery{grid-area:recovery!important;margin:0!important}
  .gt-simple-login-card>.gt-simple-login-form{grid-area:form!important;gap:8px!important;margin:0!important}
  .gt-simple-login-card>.gt-simple-divider{display:none!important}
  .gt-simple-login-card>.gt-simple-providers{grid-area:providers!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important}
  .gt-simple-login-card>.gt-simple-signup-cta{grid-area:signup!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;min-height:58px!important;padding:10px 16px!important;border-radius:12px!important;margin:0!important}
  .gt-simple-login-card>.gt-simple-trust-row{display:none!important}

  .gt-simple-login-card .gt-simple-field{gap:4px!important}
  .gt-simple-login-card .gt-simple-field span,
  .gt-simple-login-card .gt-simple-field-row span{font-size:16px!important}
  .gt-simple-login-card .gt-simple-field input{height:48px!important;min-height:48px!important;border-radius:10px!important}
  .gt-simple-login-card .gt-simple-primary{min-height:50px!important;border-radius:10px!important}
  .gt-simple-login-card .gt-simple-provider-btn{min-height:46px!important;border-radius:10px!important}
  .gt-simple-login-card .gt-simple-field-row{align-items:center!important;gap:10px!important}
  .gt-simple-login-card .gt-simple-field-row>a{font-size:14px!important}

  .gt-simple-login-card>.gt-simple-discovery-panel{
    grid-area:visual!important;
    grid-column:2!important;
    grid-row:1 / -1!important;
    display:block!important;
    position:relative!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-left:1px solid rgba(184,138,71,.24)!important;
    background:#f4ecdf!important;
    isolation:isolate!important;
  }
  .gt-simple-login-card>.gt-simple-discovery-panel>img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:saturate(1.01) brightness(1.02)!important;
    transform:scale(1.01)!important;
  }
  .gt-simple-login-card>.gt-simple-discovery-panel::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 18% 24%, rgba(255,255,255,.96) 0 1px, rgba(255,255,255,.50) 1.8px, transparent 5px),
      radial-gradient(circle at 72% 16%, rgba(255,248,232,.98) 0 1.4px, rgba(255,255,255,.52) 2.4px, transparent 6px),
      radial-gradient(circle at 82% 56%, rgba(255,255,255,.92) 0 1px, rgba(255,255,255,.36) 2px, transparent 5px),
      radial-gradient(circle at 38% 72%, rgba(255,255,255,.88) 0 1px, rgba(255,255,255,.30) 2px, transparent 4px),
      linear-gradient(180deg, rgba(255,253,249,.08), rgba(255,253,249,0) 35%, rgba(255,255,255,.06));
    mix-blend-mode:screen!important;
    opacity:.65!important;
    animation:gt-account-sparkle-pulse 6.5s ease-in-out infinite!important;
  }
  .gt-simple-login-card>.gt-simple-discovery-panel::after{
    content:""!important;
    position:absolute!important;
    inset:auto auto 18% 12%!important;
    width:88px!important;
    height:88px!important;
    z-index:2!important;
    pointer-events:none!important;
    background:radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 68%)!important;
    filter:blur(3px)!important;
    opacity:.55!important;
    animation:gt-account-sparkle-drift 8s ease-in-out infinite!important;
  }
}

@keyframes gt-account-sparkle-pulse{
  0%,100%{opacity:.38;transform:scale(1)}
  35%{opacity:.72;transform:scale(1.02)}
  70%{opacity:.5;transform:scale(1.01)}
}
@keyframes gt-account-sparkle-drift{
  0%,100%{transform:translate3d(0,0,0);opacity:.30}
  50%{transform:translate3d(14px,-10px,0);opacity:.62}
}

@media (min-width:900px) and (max-width:1140px){
  .gt-simple-login-card{
    width:min(980px,calc(100vw - 26px))!important;
    height:min(560px,calc(100svh - 24px))!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;
  }
  .gt-simple-brand-logo{width:42px!important;height:42px!important}
  .gt-simple-brand-word{font-size:20px!important}
  .gt-simple-login-card>h1{font-size:28px!important}
  .gt-simple-login-card .gt-simple-field input{height:45px!important;min-height:45px!important}
  .gt-simple-login-card>.gt-simple-signup-cta{min-height:54px!important}
}

@media (max-width:899px){
  .gt-simple-login-page{padding:8px 10px!important;display:block!important}
  .gt-simple-login-card{max-width:560px!important;margin:0 auto!important;max-height:calc(100svh - 16px)!important;overflow:auto!important}
  .gt-simple-login-card .gt-simple-discovery-panel{display:none!important}
  .gt-simple-login-card .gt-simple-primary,
  .gt-simple-login-card .gt-simple-provider-btn,
  .gt-simple-login-card .gt-simple-signup-cta{min-height:46px!important}
  .gt-customer-auth--register{padding:8px 10px 20px!important}
  .gt-customer-auth--register .gt-auth{margin:0 auto!important;max-width:560px!important;max-height:calc(100svh - 16px)!important;overflow:auto!important;padding:14px!important;border-radius:16px!important}
}

@media (max-width:640px){
  .gt-customer-auth--register .gt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .gt-customer-auth--register .gt-field{margin:7px 0!important}
  .gt-customer-auth--register .gt-field label{font-size:14px!important;margin-bottom:4px!important}
  .gt-customer-auth--register .gt-field input:not([type=checkbox]){min-height:42px!important;padding:9px 10px!important}
  .gt-customer-auth--register .gt-registration-consent{padding:10px 11px!important}
  .gt-customer-auth--register .gt-btn,
  .gt-customer-auth--register .gt-social-auth-btn,
  .gt-customer-auth--register .gt-auth-email-choice{min-height:46px!important}
}

@media (max-width:420px){
  .gt-customer-auth--register .gt-grid{grid-template-columns:1fr!important}
}