/* Login + landing polish requested on 2026-08-31. Loaded only on auth/login and landing-operational-compact. */

/* Login ------------------------------------------------------------------- */
.auth-login-viewport{
  min-height:100dvh;
  box-sizing:border-box;
}

@media(max-width:1023px){
  .auth-login-viewport{
    padding-top:max(.75rem,env(safe-area-inset-top,0px))!important;
    padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px))!important;
  }
  .auth-login-panel{
    position:relative;
    min-height:min(44rem,calc(100dvh - 1.5rem));
    justify-content:flex-start!important;
    padding-top:5rem!important;
    padding-bottom:2.25rem!important;
  }
  .auth-login-mobile-head{
    position:absolute;
    z-index:2;
    top:1rem;
    left:1.25rem;
    right:1.25rem;
  }
}

@media(max-width:639px){
  .auth-login-panel{
    min-height:calc(100dvh - 1.5rem);
    padding-top:4.75rem!important;
    padding-bottom:1.25rem!important;
  }
}

@media(max-width:1023px) and (max-height:700px){
  .auth-login-panel{
    min-height:auto;
    padding-top:1rem!important;
    padding-bottom:1rem!important;
  }
  .auth-login-mobile-head{
    position:static;
    margin-bottom:1rem;
  }
}

/* Landing ----------------------------------------------------------------- */
.ca-home{
  isolation:isolate;
  background:#fbfefd!important;
}
.ca-home::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 auto 0;
  height:58rem;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 8%,rgba(167,243,208,.42),transparent 34rem),
    radial-gradient(circle at 90% 10%,rgba(196,181,253,.16),transparent 30rem),
    linear-gradient(180deg,#fbfefd 0%,#f8fcfa 64%,rgba(251,254,253,0) 100%);
}
.ca-home>.ca-grid{z-index:1;opacity:.48!important}
.ca-home>header{
  padding-top:0!important;
  background:rgba(251,254,253,.82);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.ca-home>header nav{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding-top:.8rem!important;
  padding-bottom:.8rem!important;
}
.ca-home main{position:relative;z-index:2}
.ca-home main>.ca-soft:first-child{
  background:transparent!important;
  padding-top:2rem!important;
}

@media(min-width:640px){
  .ca-home main>.ca-soft:first-child{padding-top:3rem!important}
}

@media(min-width:1024px){
  .ca-home main>.ca-soft:first-child{padding-top:4rem!important}
}

@media(max-width:639px){
  .ca-home::before{height:48rem}
  .ca-home>header{padding-left:.65rem!important;padding-right:.65rem!important}
  .ca-home>header nav{padding-left:.35rem!important;padding-right:.35rem!important}
}

@media(prefers-reduced-motion:reduce){
  .auth-login-panel,.auth-login-mobile-head,.ca-home>header nav{transition:none!important}
}
