@layer components{.auth-stage{flex:1;place-items:center;padding:2.5rem 1rem;display:grid;position:relative;overflow:hidden}.auth-top{top:calc(26px + env(safe-area-inset-top,0px));z-index:2;position:absolute;left:40px}.auth-watermark{font-family:var(--font-stamp), Impact, "Arial Narrow", sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--wine);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:300px;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.auth-ring{--ring:clamp(600px, 96vmin, 780px);width:var(--ring);height:var(--ring);place-items:center;display:grid;position:relative}.auth-ring-art{width:100%;height:100%;position:absolute;inset:0}.auth-orbit{pointer-events:none;animation:22s linear infinite auth-orbit,22s linear infinite auth-tint;position:absolute;inset:0}.auth-orbit:before{content:"";background:conic-gradient(from 0deg, transparent 0deg 262deg, color-mix(in srgb, var(--orb-tint) 16%, transparent) 300deg, color-mix(in srgb, var(--orb-tint) 34%, transparent) 338deg, color-mix(in srgb, var(--orb-tint) 58%, transparent) 358deg, color-mix(in srgb, var(--orb-tint) 58%, transparent) 360deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#0000 0 88%,#000 92% 96%,#0000 100%);mask-image:radial-gradient(closest-side,#0000 0 88%,#000 92% 96%,#0000 100%)}.auth-orb{width:calc(var(--ring) * .1);height:calc(var(--ring) * .1);background:radial-gradient(circle, #fffffff2 0%, color-mix(in srgb, var(--orb-tint) 88%, transparent) 26%, color-mix(in srgb, var(--orb-tint) 42%, transparent) 52%, transparent 72%);filter:blur(1px);border-radius:50%;position:absolute;top:3%;left:50%;transform:translate(-50%,-50%)}.auth-inner{z-index:1;width:min(420px,100%);position:relative}.auth-inner:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--canvas) 90%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:640px;height:640px;position:absolute;top:50%;left:50%;translate:-50% -50%}.auth-card{background:var(--surface);border-radius:18px;padding:26px 30px 22px;box-shadow:0 0 0 1px #373d420f,0 18px 50px -24px #122a5859}@media (max-width:639px){.auth-stage{padding:calc(5.75rem + env(safe-area-inset-top,0px)) 1rem 2.5rem;place-items:start center}.auth-top{top:calc(1.25rem + .625rem + env(safe-area-inset-top,0px));left:16px}.auth-top>a{align-items:center;min-height:44px;display:flex}.auth-watermark{font-size:120px}.auth-ring{--ring:500px;width:100%;height:auto;display:block}.auth-ring-art,.auth-orbit,.auth-season{width:var(--ring);height:var(--ring);inset:50% auto auto 50%;translate:-50% -50%}.auth-months{display:none}.auth-inner:before{width:420px;height:420px}.auth-card{padding:22px 18px 18px}}.auth-orb[data-pulse=true]{animation:.7s cubic-bezier(.22,1,.36,1) auth-orb-pulse}@media (prefers-reduced-motion:reduce){.auth-orbit,.auth-orb[data-pulse=true]{animation:none}}.auth-months{pointer-events:none;position:absolute;inset:0}.auth-month{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.45;white-space:nowrap;font-size:10px;position:absolute;transform:translate(-50%,-50%)}.auth-month[data-current=true]{color:var(--wine);opacity:1;font-weight:700}.auth-season{pointer-events:none;background:conic-gradient(#2c4d7042 0deg 72deg,#96546066 104deg,#b8424294 140deg,#cb3434b8 178deg 212deg,#b0444c85 244deg,#2c4d7042 278deg 360deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#0000 0 93.4%,#000 93.9% 94.7%,#0000 95.2%);mask-image:radial-gradient(closest-side,#0000 0 93.4%,#000 93.9% 94.7%,#0000 95.2%)}}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}