.auth-bg{background:radial-gradient(ellipse 1200px 600px at 50% -10%, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent 60%), radial-gradient(ellipse 800px 600px at 15% 100%, color-mix(in srgb, var(--accent-primary) 6%, transparent), transparent 50%), var(--bg-base);place-items:center;min-height:100dvh;padding:40px 20px;display:grid;position:relative;overflow:hidden}.auth-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(800px 600px,#000,#0000 70%);mask-image:radial-gradient(800px 600px,#000,#0000 70%)}.auth-deco{pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent);width:1px;position:absolute;top:0;bottom:0}.auth-deco--l{left:18%}.auth-deco--r{right:18%}.auth-wrap{z-index:2;width:100%;max-width:420px;animation:auth-wrap-in var(--dur-500) var(--ease-primary);flex-direction:column;align-items:center;gap:36px;display:flex;position:relative}@keyframes auth-wrap-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-wrap{animation:none}}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.auth-mark{border-radius:var(--radius-12);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:56px;height:56px}.auth-name{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:28px;font-weight:600;line-height:32px}.auth-tagline{font-size:var(--t-body-lg-size);line-height:var(--t-body-lg-lh);color:var(--text-tertiary);max-width:320px;margin:0}.auth-card{background:var(--bg-card);border:1px solid var(--border-container);border-radius:var(--radius-12);width:100%;box-shadow:var(--shadow-16dp);padding:24px}.auth-card--center{text-align:center}