.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-panel{padding:48px;display:flex;flex-direction:column}
.auth-panel .brand{margin-bottom:auto}
.auth-panel.accent{background:radial-gradient(ellipse at 20% 20%,rgba(34,217,245,.22),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.22),transparent 55%),#0a0c14;justify-content:center;position:relative;overflow:hidden}
.auth-panel.accent:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.4}
.auth-panel.accent>*{position:relative}
.auth-panel.accent h1{font-family:var(--display);font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:26px 0;font-weight:700}
.auth-panel.accent h1 em{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.auth-panel.accent>p:last-child{color:var(--muted);max-width:320px}
.auth-form{max-width:420px;margin:auto;width:100%}
.auth-form h2{font-family:var(--display);font-size:34px;letter-spacing:-1px;margin:0 0 8px}
.auth-form>p:not(.message):not(.auth-links){color:var(--muted);margin-bottom:32px}
.auth-form .button{width:100%;margin-top:8px}
.auth-links{text-align:center;font-size:13px;color:var(--muted)}
.auth-links a{color:var(--cyan);font-weight:600}
@media(max-width:700px){
  .auth-page{grid-template-columns:1fr}
  .auth-panel.accent{display:none}
  .auth-panel{padding:24px}
  .auth-form{margin:60px auto}
}