/* Drift Wall composition, isolated from the account forms. */
.auth-visual{perspective:1200px;touch-action:pan-x pinch-zoom;cursor:grab;outline-offset:-5px}
.auth-visual.is-dragging{cursor:grabbing}
.auth-cover-wall{inset:-16vh -6%;transform:scale(1.12) rotateX(calc(12deg + var(--wall-y,0deg))) rotateY(calc(-13deg + var(--wall-x,0deg))) rotateZ(-2deg);transform-style:preserve-3d;filter:none;will-change:transform}
.auth-cover-column{overflow:visible;mask-image:none;transform-style:preserve-3d}
.auth-cover-track{animation:none;transform-style:preserve-3d}
.auth-cover-card{transition:transform .22s cubic-bezier(.2,.75,.2,1),opacity .22s ease,box-shadow .22s ease;opacity:.8;user-select:none}
.auth-cover-wall.has-active .auth-cover-card{opacity:.4}
.auth-cover-wall .auth-cover-card.is-active{opacity:1;transform:translateZ(55px) scale(1.075);z-index:2;box-shadow:0 22px 50px #0009,0 0 0 1px #a7d9ff99}
.auth-cover-wall .auth-cover-column{opacity:1}
.auth-cover-atmosphere{background:linear-gradient(0deg,#080d12e8,transparent 35%,#080d1280),linear-gradient(90deg,#080d1222,transparent 70%,#080d1288)}
.auth-visual:focus-visible{outline:2px solid #a7d9ff}
@media(max-width:720px){
  .auth-visual{display:none}
  .auth-panel{min-height:100dvh}
  .auth-cover-wall{inset:-125px -5%;transform:scale(1.12) rotateX(calc(8deg + var(--wall-y,0deg))) rotateY(calc(-9deg + var(--wall-x,0deg))) rotateZ(-2deg)}
}
@media(prefers-reduced-motion:reduce){
  .auth-cover-wall{transform:rotate(-2deg) scale(1.08);will-change:auto}
  .auth-cover-card,.auth-cover-card img{transition:none}
  .auth-cover-wall .auth-cover-card.is-active{transform:none}
  .auth-cover-track{will-change:auto}
}

/* Equal-height desktop login actions; the website retains its single action. */
.auth-login-actions{display:flex;gap:10px;align-items:stretch}
.auth-login-actions>.btn{flex:1;min-width:0;min-height:48px;margin:0;justify-content:center}
.auth-login-actions>.btn[hidden]{display:none}
.auth-login-actions>.btn span{white-space:normal;line-height:1.4}
.auth-login-status{font-size:12px;line-height:1.7;color:var(--muted,#93a5b4);margin:0}
.auth-consent{display:grid;gap:18px}
.auth-consent p{line-height:1.8;color:var(--muted,#93a5b4);margin:0}
.auth-consent .auth-consent-account{font-size:22px;color:var(--text,#edf5fa);overflow-wrap:anywhere}
.auth-consent-actions{display:flex;gap:10px}
.auth-consent-actions>.btn{flex:1;min-height:48px;justify-content:center}