.auth-page{background:var(--yeaa-color-background);min-block-size:100dvh;max-block-size:100dvh;padding-block:calc(var(--yeaa-space-32) + var(--yeaa-layout-safe-area-top)) calc(var(--yeaa-space-32) + var(--yeaa-layout-safe-area-bottom));padding-inline:calc(var(--yeaa-space-20) + var(--yeaa-layout-safe-area-left)) calc(var(--yeaa-space-20) + var(--yeaa-layout-safe-area-right));perspective:62.5rem;flex-direction:column;display:flex;overflow-y:auto}.auth-card{--auth-card-tilt-x:0deg;--auth-card-tilt-y:0deg;gap:var(--yeaa-space-24);inline-size:min(26rem,100%);padding:var(--yeaa-space-32);background:var(--yeaa-color-surface);border:1px solid var(--yeaa-color-border-subtle);border-radius:var(--yeaa-radius-card);box-shadow:var(--yeaa-shadow-card);transform:rotateX(var(--auth-card-tilt-x)) rotateY(var(--auth-card-tilt-y)) translateZ(0);transform-style:preserve-3d;transform-origin:50%;will-change:transform, box-shadow;flex-direction:column;margin:auto;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1);display:flex}.auth-card--tilting{box-shadow:var(--yeaa-shadow-raised), var(--yeaa-shadow-card);transition-duration:90ms;transition-timing-function:ease-out}.auth-card__heading{align-items:center;gap:var(--yeaa-space-16);display:flex}.auth-card__brand{block-size:48px;inline-size:48px;color:var(--yeaa-color-text);flex-shrink:0;display:block}.brand-mark__dot{fill:var(--yeaa-ds-action-primary)}.auth-card__title{font-family:var(--yeaa-font-family-display);font-size:var(--yeaa-font-size-xl);line-height:var(--yeaa-font-line-height-tight);color:var(--yeaa-color-text);margin:0}.auth-methods{gap:var(--yeaa-space-16);flex-direction:column;display:flex}.auth-form{gap:var(--yeaa-space-12);flex-direction:column;display:flex}.auth-form>.ui-button{inline-size:100%}.auth-separator{align-items:center;gap:var(--yeaa-space-12);font-size:var(--yeaa-font-size-xs);text-transform:uppercase;letter-spacing:var(--yeaa-font-letter-spacing-wide);color:var(--yeaa-color-muted);display:flex}.auth-separator:before,.auth-separator:after{content:"";background:var(--yeaa-color-border-subtle);flex:1;block-size:1px}.auth-notice,.auth-alert{padding:var(--yeaa-space-12) var(--yeaa-space-16);border-radius:var(--yeaa-radius-control);font-size:var(--yeaa-font-size-sm);line-height:var(--yeaa-font-line-height-snug);margin:0}.auth-notice{background:var(--yeaa-color-primary-soft);color:var(--yeaa-color-text);border:1px solid var(--yeaa-color-border-subtle)}.auth-alert{background:var(--yeaa-color-danger-soft);color:var(--yeaa-color-text);border:1px solid var(--yeaa-color-danger)}.auth-card__recipient{font-weight:var(--yeaa-font-weight-semibold);overflow-wrap:anywhere}.auth-card__secondary-actions{gap:var(--yeaa-space-8);flex-wrap:wrap;display:flex}.auth-card__legal{font-size:var(--yeaa-font-size-xs);line-height:var(--yeaa-font-line-height-relaxed);color:var(--yeaa-color-muted);border-block-start:1px solid var(--yeaa-color-border-subtle);margin:0;padding-block-start:var(--yeaa-space-16)}.auth-card__legal a{color:var(--yeaa-color-text)}@media (max-width:26rem){.auth-card{padding:var(--yeaa-space-24) var(--yeaa-space-20);gap:var(--yeaa-space-20)}.auth-card__brand{inline-size:calc(var(--yeaa-space-24) + var(--yeaa-space-24))}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.auth-card{box-shadow:var(--yeaa-shadow-card);will-change:auto;transition:none;transform:none}}