.auth-page{--auth-paper:#f7f4ef;--auth-ink:#20251b;--auth-muted:#696457;--auth-line:#d8d2c5;--auth-accent:#e75e3d;min-height:100svh;color:var(--auth-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 12% 15%,#ff704822,#0000 28rem),radial-gradient(circle at 90% 85%,#7eb8ab2b,#0000 30rem),#e7e2d8;padding:clamp(1rem,3vw,3rem)}.auth-page :is(a,button,input):focus-visible{outline-offset:3px;outline:2px solid #52633b}.auth-shell{background:var(--auth-paper);width:min(1160px,100%);min-height:min(760px,100svh - clamp(2rem,6vw,6rem));animation:auth-shell-enter .36s var(--ease-out) both;border-radius:1.75rem;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #2f2a2040}.auth-story{isolation:isolate;color:#fffaf0;min-height:34rem;position:relative;overflow:hidden}.auth-story-image,.auth-story-shade{width:100%;height:100%;position:absolute;inset:0}.auth-story-image{z-index:-2;object-fit:cover;object-position:66% center}.auth-story-shade{z-index:-1;background:linear-gradient(#121910b8 0%,#12191052 38%,#10150ef2 100%),linear-gradient(90deg,#182016a8,#0000 72%)}.auth-story-content{flex-direction:column;justify-content:space-between;gap:4rem;min-height:100%;padding:clamp(2rem,5vw,4.5rem);display:flex}.auth-brand{width:fit-content;color:inherit;letter-spacing:-.02em;align-items:center;gap:.75rem;font-weight:650;display:inline-flex}.auth-brand span{color:#20251b;background:#f7f4ef;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-family:Tinos,Times New Roman,serif;font-size:1.45rem;font-style:italic;display:grid}.auth-story h1,.auth-form-heading h2{letter-spacing:-.035em;font-family:Tinos,Times New Roman,serif;font-weight:400}.auth-story h1{text-wrap:balance;max-width:11ch;font-size:clamp(3rem,5.2vw,5.6rem);line-height:.96}.auth-story-content>div>p{color:#fffaf0c9;max-width:34rem;margin-top:1.5rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.auth-private-note{color:#fffaf0bd;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.auth-private-note svg{color:#c8e890;width:1rem;height:1rem}.auth-form-panel{flex-direction:column;justify-content:center;min-width:0;padding:clamp(2rem,5vw,5rem);display:flex}.auth-back-link{width:fit-content;min-height:44px;color:var(--auth-muted);text-underline-offset:.28rem;align-items:center;gap:.45rem;margin-bottom:clamp(2.5rem,7vh,5rem);font-size:.875rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.auth-back-link:hover{color:var(--auth-ink);text-decoration-color:currentColor}.auth-back-link svg{width:1rem;height:1rem}.auth-form-heading h2{text-wrap:balance;font-size:clamp(2.5rem,4vw,4rem);line-height:.98}.auth-form-heading p{max-width:35rem;color:var(--auth-muted);margin-top:.85rem;line-height:1.6}.auth-form-wrap{margin-top:2rem}.auth-mode-switch{border-bottom:1px solid var(--auth-line);grid-template-columns:1fr 1fr;display:grid}.auth-mode-button{min-height:46px;color:var(--auth-muted);text-align:center;padding:.65rem .5rem;font-size:.875rem;font-weight:650;position:relative}.auth-mode-button:after{background:var(--auth-accent);opacity:0;content:"";height:2px;transition:opacity .15s ease, transform .18s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.5)}.auth-mode-button[aria-selected=true]{color:var(--auth-ink)}.auth-mode-button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.auth-social{gap:1rem;margin-top:1.35rem;display:grid}.auth-google-button,.auth-provider-button{min-height:48px;color:var(--auth-ink);touch-action:manipulation;transition:border-color .15s ease, background-color .15s ease, color .15s ease, transform .15s var(--ease-out);background:#fffdf8;border:1px solid #c9c2b4;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 18px #493f2e0a}.auth-google-button{border-radius:.75rem;gap:.7rem;width:100%;padding-inline:1rem;font-size:.9rem;font-weight:650}.auth-google-button:hover:not(:disabled){background:#fff;border-color:#8e887a}.auth-google-button:active:not(:disabled),.auth-provider-button:active:not(:disabled){transform:translateY(1px)}.auth-google-button:disabled,.auth-provider-button:disabled{cursor:wait;opacity:.62}.auth-google-button svg,.auth-provider-button svg{flex:none;width:1.15rem;height:1.15rem}.auth-secondary-providers{justify-content:center;gap:.7rem;display:flex}.auth-provider-button{color:#fff;border-color:#0000;border-radius:50%;width:48px}.auth-provider-button[data-provider=discord]{background:#5865f2}.auth-provider-button[data-provider=github]{background:#24292f}.auth-provider-button:hover:not(:disabled){filter:brightness(.92);border-color:#20251b}.auth-divider{color:#696457;text-align:center;align-items:center;gap:.8rem;font-size:.73rem;line-height:1;display:flex}.auth-divider:before,.auth-divider:after{background:var(--auth-line);content:"";flex:1;height:1px}.auth-social-error{margin-top:1rem}.auth-unavailable{border:1px solid var(--auth-line);color:var(--auth-muted);background:#fffdf8;border-radius:.75rem;margin-top:1.35rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.55}.auth-form{gap:1.15rem;margin-top:1.6rem;display:grid}.auth-field{gap:.45rem;display:grid}.auth-field label{color:#34382d;font-size:.82rem;font-weight:650}.auth-field input{height:3rem;color:var(--auth-ink);background:#fffdf8;border-color:#c9c2b4;border-radius:.75rem;padding-inline:.9rem;box-shadow:0 6px 18px #493f2e0a}.auth-field input::placeholder{color:#787265}.auth-input-shell{position:relative}.auth-input-shell>svg{z-index:1;color:#756f61;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.auth-input-shell input{padding-left:2.55rem}.auth-field-note,.auth-recovery-note{color:var(--auth-muted);font-size:.76rem;line-height:1.55}.auth-error{color:#8f251d;background:#b4231812;border-radius:.75rem;padding:.75rem .85rem;font-size:.82rem;line-height:1.5}.auth-submit{background:var(--auth-ink);color:#fffaf0;border-radius:999px;min-height:3.1rem;margin-top:.2rem;font-weight:650}.auth-submit:hover{background:#343a2d}.auth-recovery-note{margin-top:1.25rem}.auth-legal-links{color:var(--auth-muted);flex-wrap:wrap;align-items:center;gap:0 .65rem;margin-top:1.5rem;font-size:.78rem;display:flex}.auth-legal-links a{text-underline-offset:.24rem;align-items:center;min-height:44px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.auth-legal-links a:hover{color:var(--auth-ink);text-decoration-color:currentColor}@keyframes auth-shell-enter{0%{opacity:0;filter:blur(5px);transform:translateY(.75rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (max-width:860px){.auth-page{padding:0}.auth-shell{border-radius:0;grid-template-columns:1fr;min-height:100svh}.auth-story{min-height:19rem}.auth-story-content{gap:2rem;min-height:19rem;padding:1.5rem}.auth-story h1{max-width:13ch;font-size:clamp(2.7rem,10vw,4.3rem)}.auth-story-content>div>p,.auth-private-note{display:none}.auth-form-panel{justify-content:flex-start;padding:2rem 1.5rem 3rem}.auth-back-link{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){.auth-shell{animation:none}.auth-mode-button:after,.auth-google-button,.auth-provider-button{transition-duration:1ms}}
