.login{width:min(1180px,100% - 32px);min-height:calc(100dvh - var(--app-bar-height));flex-direction:column;margin-inline:auto;display:flex}.login-grid{flex:1;gap:24px;padding:16px 0 48px;display:grid}.login-panel,.login-footer{width:100%;max-width:34rem;margin-inline:auto}.login-hero{justify-items:center;display:grid}.login-card{width:min(188px,52vw);padding:8px 0 16px}.login-title{max-width:none;font:700 clamp(2.125rem, 4.5vw, 3.5rem) / 1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px}.login-lede{max-width:62ch;color:var(--muted-foreground);margin:0 0 28px;font-size:1.0625rem;line-height:1.6}.login-alert{border:1px solid color-mix(in oklch, var(--destructive), transparent 50%);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--destructive), transparent 88%);margin:0 0 16px;padding:12px 14px;font-size:.9375rem;line-height:1.5}.login-cta{border-color:var(--primary);background:var(--primary);width:100%;min-height:52px;color:var(--primary-foreground);gap:12px;font-size:1rem;font-weight:700}.login-cta:disabled{cursor:progress;opacity:.75;transform:none}.login-note{max-width:62ch;color:var(--muted-foreground);margin:14px 0 0;font-size:.875rem;line-height:1.6}.login-note a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--foreground), transparent 60%);text-decoration-color:color-mix(in oklch, var(--foreground), transparent 60%);text-underline-offset:3px}.login-note a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.login-subtitle{font:600 1rem/1.4 var(--font-display);margin:40px 0 12px}.login-tiers{border-top:1px solid var(--border);margin:0;display:grid}.login-tier{border-bottom:1px solid var(--border);grid-template-columns:6.5rem 1fr;gap:16px;padding:14px 0;display:grid}.login-tier dt{align-self:start;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;display:flex}.login-tier-member dt{color:var(--member)}.login-tier dd{color:var(--muted-foreground);margin:0;font-size:.9375rem;line-height:1.55}.moment{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);align-self:start;width:100%;margin:0;padding:16px}.moment-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.moment-avatar{background:var(--surface-raised);border-radius:999px;flex:none;width:40px;height:40px}.moment-author{gap:2px;font-size:.875rem;display:grid}.moment-author span{color:var(--muted-foreground);font-size:.8125rem}.moment-badge{background:var(--artist-soft);color:var(--artist);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.moment-media{aspect-ratio:4/5;isolation:isolate;border-radius:var(--radius-md);background:var(--media-surface);position:relative;overflow:hidden}.moment-glow{filter:blur(42px);opacity:.7;border-radius:999px;position:absolute}.moment-glow-a{background:var(--artist);width:70%;height:55%;top:8%;left:-10%}.moment-glow-b{background:color-mix(in oklch, var(--artist), white 45%);opacity:.45;width:55%;height:45%;bottom:10%;right:-8%}.moment-glow-c{background:color-mix(in oklch, var(--artist), white 80%);opacity:.3;width:45%;height:40%;top:40%;left:30%}.moment-lock{background:var(--scrim);width:64px;height:64px;box-shadow:0 0 0 2px color-mix(in oklch, var(--artist), white 35%);color:var(--on-scrim);border-radius:999px;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.moment-duration{background:var(--scrim);color:var(--on-scrim);font:600 .75rem/1 var(--font-body);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 8px;position:absolute;bottom:12px;right:12px}.moment-caption{color:var(--muted-foreground);margin-top:14px;font-size:.875rem;line-height:1.55}@media (prefers-reduced-motion:no-preference){.moment-glow-a{animation:moment-drift 9s var(--ease) infinite alternate}.moment-glow-b{animation:moment-drift 11s var(--ease) infinite alternate-reverse}}@keyframes moment-drift{to{transform:translate(12%,8%)scale(1.08)}}@media (min-width:840px){.login{width:min(1180px,100% - 64px)}.login-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,7vw,112px);padding:16px 0 48px}.login-card{width:300px}.moment{max-width:30rem}.moment-media{aspect-ratio:5/4}.login-panel{margin-inline:0}.login-footer{max-width:none}}