.auth-page{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background-image:var(--gradient-ambient)
}
.auth-layout{
  width:min(var(--width-auth),calc(100% - 80px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,var(--width-form));
  align-items:center;
  gap:80px;
  padding:64px 0
}
.auth-brand{
  text-align:center;
  min-width:0
}
.auth-brand>.brand{
  justify-content:center
}
.auth-brand img{
  width:300px;
  height:300px;
  object-fit:contain
}
.product-name{
  font-family:var(--font-heading);
  font-size:clamp(40px,5.2vw,68px);
  line-height:1.1;
  letter-spacing:-.06em;
  font-weight:600;
  margin-top:var(--space-8)
}
.product-name span{
  color:var(--color-accent)
}
.brand-promise{
  font-size:1.3rem;
  margin-top:var(--space-3)
}
.brand-services{
  font-size:var(--text-xs);
  color:var(--color-muted);
  margin-top:var(--space-6)
}
.brand-services span{
  color:var(--color-accent);
  padding:0 var(--space-2)
}
.auth-card{
  position:relative;
  border-radius:var(--radius-lg);
  padding:44px 40px;
  border-color:var(--color-border-hover)
}
.auth-card::before{
  content:'';
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:0 0 48px #0068ed12
}
.auth-card h1{
  font-size:2.25rem;
  letter-spacing:-.05em
}
.auth-description{
  margin-top:var(--space-3)
}
.auth-card .field{
  margin-top:var(--space-6)
}
.auth-card .form-message{
  margin:var(--space-2) 0
}
.auth-card .button--primary{
  min-height:50px;
  font-size:var(--text-base)
}
.auth-assurance{
  font-size:var(--text-xs);
  text-align:center;
  color:var(--color-muted);
  margin-top:var(--space-6)
}
.auth-footer{
  text-align:center;
  color:var(--color-text);
  padding:var(--space-6);
  font-size:var(--text-xs)
}
.auth-footer span{
  color:var(--color-muted)
}
.auth-page.has-pointer-glow{
  background-image:radial-gradient(500px circle at var(--pointer-x,25%) var(--pointer-y,40%),#0068ed0e,transparent 75%),var(--gradient-ambient)
}
@media(max-width:1000px){
  .auth-layout{
    gap:40px;
    width:calc(100% - 48px)
  }
  .auth-brand img{
    width:240px;
    height:240px
  }
  .auth-card{
    padding:var(--space-8)
  }
}
@media(max-width:700px){
  .auth-layout{
    width:min(460px,calc(100% - 32px));
    grid-template-columns:1fr;
    gap:var(--space-8);
    padding:var(--space-8) 0
  }
  .auth-brand img{
    width:128px;
    height:128px
  }
  .product-name{
    font-size:36px;
    margin-top:var(--space-3)
  }
  .brand-promise{
    font-size:var(--text-sm)
  }
  .brand-services{
    display:none
  }
  .auth-card{
    padding:var(--space-8) var(--space-6)
  }
  .auth-card h1{
    font-size:1.875rem
  }
  .auth-footer{
    padding:var(--space-4)
  }
}
.auth-card{
  border-color:var(--color-auth-border);
  box-shadow:var(--shadow-auth)
}
@media(min-width:1001px){
  .auth-brand img{
    width:360px;
    height:360px
  }
  .product-name{
    font-size:76px
  }
  .auth-card{
    padding:var(--space-12) var(--space-10)
  }
}
@media(min-width:701px) and (max-width:900px){
  .auth-layout{
    width:min(480px,calc(100% - 48px));
    grid-template-columns:1fr;
    gap:var(--space-6);
    padding:var(--space-8) 0;
  }
  .auth-brand img{
    width:176px;
    height:176px;
  }
  .product-name{
    font-size:44px;
    margin-top:var(--space-4);
  }
  .brand-promise{
    font-size:var(--text-base);
  }
  .brand-services,.auth-brand::before{
    display:none;
  }
}