.fc-auth{background:var(--fc-cream);grid-template-columns:minmax(29rem,.78fr) minmax(36rem,1.22fr);min-height:100svh;display:grid}.fc-auth__panel{z-index:2;background:var(--fc-cream);flex-direction:column;min-width:0;min-height:100svh;padding:0 clamp(1.25rem,4vw,4rem);display:flex;position:relative}.fc-auth__topbar{justify-content:space-between;align-items:center;gap:var(--space-lg);border-bottom:1px solid color-mix(in oklch, var(--fc-ink) 22%, transparent);min-height:4.5rem;display:flex}.fc-auth__brand{align-items:center;display:inline-flex}.fc-auth__brand img{width:auto;height:2.5rem}.fc-auth__back{min-height:2.75rem;color:var(--fc-ink-soft);align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .18s,transform .24s cubic-bezier(.22,1,.36,1);display:inline-flex}.fc-auth__back:hover{color:var(--fc-purple);transform:translate(-.18rem)}.fc-auth__form-frame{flex:1;align-content:center;gap:clamp(1.5rem,3vw,2.25rem);width:min(100%,31rem);margin:0 auto;padding:clamp(2rem,4vw,3.5rem) 0;animation:.68s cubic-bezier(.22,1,.36,1) both fc-auth-form-in;display:grid}@keyframes fc-auth-form-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.fc-auth__heading{gap:var(--space-md);display:grid}.fc-auth__heading h1{max-width:9ch;font-size:clamp(3.1rem,5.8vw,5.2rem);font-weight:500;line-height:.9}.fc-auth__heading>p:last-child{max-width:42ch;color:var(--fc-ink-soft);font-size:.94rem;line-height:1.7}.fc-auth-form{gap:1.25rem;display:grid}.fc-auth-field{gap:.55rem;display:grid}.fc-auth-field__label{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:1.35rem;display:flex}.fc-auth-field__label label{color:var(--fc-ink);letter-spacing:.015em;font-size:.72rem;font-weight:750}.fc-auth-field__label a{color:var(--fc-purple-dark);-webkit-text-decoration-color:color-mix(in oklch, var(--fc-purple) 38%, transparent);text-decoration-color:color-mix(in oklch, var(--fc-purple) 38%, transparent);text-underline-offset:.25rem;font-size:.67rem;font-weight:750}.fc-auth-input{position:relative}.fc-auth-input input{border:1px solid color-mix(in oklch, var(--fc-ink) 24%, transparent);background:var(--fc-paper);width:100%;height:3.3rem;color:var(--fc-ink);box-shadow:none;border-radius:0;padding:0 .95rem;font-family:Onest,sans-serif;font-size:.88rem;transition:border-color .18s,background-color .18s,box-shadow .18s}.fc-auth-input input::placeholder{color:color-mix(in oklch, var(--fc-ink) 56%, var(--fc-paper))}.fc-auth-input input:hover{border-color:color-mix(in oklch, var(--fc-ink) 44%, transparent)}.fc-auth-input input:focus-visible{border-color:var(--fc-purple);box-shadow:0 0 0 3px color-mix(in oklch, var(--fc-purple) 18%, transparent);outline:0}.fc-auth-input--password input{padding-right:3.25rem}.fc-auth-password-toggle{width:3.25rem;height:3.3rem;color:var(--fc-ink-soft);place-items:center;transition:color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;right:0}.fc-auth-password-toggle:hover{color:var(--fc-purple);transform:scale(1.05)}.fc-auth-field__error{color:oklch(48% .18 25);font-size:.7rem;font-style:normal;font-weight:650;line-height:1.45}.fc-auth-submit,.fc-auth-google{border-radius:999px;width:100%;min-height:3.25rem;font-family:Onest,sans-serif;font-size:.78rem;font-weight:750;transition:background-color .2s,border-color .2s,color .2s,transform .22s cubic-bezier(.22,1,.36,1)}.fc-auth-submit{background:var(--fc-ink);color:var(--fc-cream)}.fc-auth-submit:hover:not(:disabled){background:var(--fc-purple);transform:translateY(-.14rem)}.fc-auth-google{border-color:color-mix(in oklch, var(--fc-ink) 26%, transparent);color:var(--fc-ink);background:0 0;gap:.65rem}.fc-auth-google:hover{border-color:var(--fc-ink);background:var(--fc-paper);color:var(--fc-ink);transform:translateY(-.1rem)}.fc-auth-google svg{width:1.05rem;height:1.05rem}.fc-auth-divider{color:color-mix(in oklch, var(--fc-ink) 58%, transparent);letter-spacing:.12em;text-align:center;text-transform:uppercase;align-items:center;gap:var(--space-md);grid-template-columns:1fr auto 1fr;font-size:.6rem;font-weight:750;display:grid}.fc-auth-divider:before,.fc-auth-divider:after{background:color-mix(in oklch, var(--fc-ink) 18%, transparent);content:"";height:1px}.fc-auth-checkbox{color:var(--fc-ink-soft);grid-template-columns:1.15rem 1fr;align-items:start;gap:.75rem;font-size:.76rem;line-height:1.6;display:grid}.fc-auth-checkbox input{width:1.15rem;height:1.15rem;accent-color:var(--fc-purple);border-radius:0;margin-top:.16rem}.fc-auth-checkbox a,.fc-auth__footer a,.fc-auth-message a,.fc-auth-message button{color:var(--fc-purple-dark);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--fc-purple) 38%, transparent);text-decoration-color:color-mix(in oklch, var(--fc-purple) 38%, transparent);text-underline-offset:.25rem;font-weight:750}.fc-auth__footer{border-top:1px solid color-mix(in oklch, var(--fc-ink) 18%, transparent);color:var(--fc-ink-soft);padding-top:1.2rem;font-size:.78rem;line-height:1.55}.fc-auth-message{border:1px solid;gap:.35rem;padding:1rem;font-size:.78rem;line-height:1.58;display:grid}.fc-auth-message strong{color:currentColor}.fc-auth-message[data-tone=error]{color:oklch(39% .13 25);background:oklch(94% .025 25);border-color:oklch(67% .14 25)}.fc-auth-message[data-tone=success]{color:oklch(35% .1 154);background:oklch(94% .03 154);border-color:oklch(65% .12 154)}.fc-auth-message[data-tone=info]{border-color:color-mix(in oklch, var(--fc-purple) 38%, var(--fc-paper));background:color-mix(in oklch, var(--fc-purple) 7%, var(--fc-paper));color:var(--fc-purple-dark)}.fc-auth__visual{background:var(--fc-ink);min-width:0;height:100svh;color:var(--fc-cream);isolation:isolate;position:sticky;top:0;overflow:hidden}.fc-auth__visual>img{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.88)contrast(1.05);width:100%;height:100%;animation:1.1s cubic-bezier(.22,1,.36,1) both fc-auth-image-in;position:absolute;inset:0;transform:scale(1.015)}.fc-auth__visual[data-visual=login]>img{object-position:center 28%}.fc-auth__visual[data-visual=signup]>img{object-position:58% center}.fc-auth__visual[data-visual=recovery]>img{object-position:62% center}@keyframes fc-auth-image-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}.fc-auth__visual-veil{z-index:-2;background:linear-gradient(180deg, var(--fc-ink) 0%, transparent 34%), linear-gradient(0deg, var(--fc-ink) 0%, transparent 68%);position:absolute;inset:0}.fc-auth__visual:after{z-index:2;border:1px solid color-mix(in oklch, var(--fc-cream) 28%, transparent);content:"";pointer-events:none;position:absolute;inset:1.25rem}.fc-auth__visual-copy{z-index:3;gap:var(--space-lg);display:grid;position:absolute;bottom:clamp(3rem,7vw,7rem);left:clamp(2.5rem,6vw,6rem);right:clamp(2.5rem,6vw,6rem)}.fc-auth__visual-copy h2{max-width:10ch;color:var(--fc-cream);font-size:clamp(3.3rem,6.5vw,7rem);font-weight:500;line-height:.88}.fc-auth__visual-copy>p:last-child{max-width:46ch;color:color-mix(in oklch, var(--fc-cream) 72%, transparent);font-size:.88rem;line-height:1.7}@media (width<=1100px){.fc-auth{grid-template-columns:minmax(26rem,.9fr) minmax(30rem,1.1fr)}.fc-auth__visual-copy h2{font-size:clamp(3rem,5.8vw,5.2rem)}}@media (width<=820px){.fc-auth{display:block}.fc-auth__panel{padding-inline:clamp(1.25rem,7vw,3.5rem)}.fc-auth__visual{display:none}.fc-auth__form-frame{width:min(100%,34rem)}}@media (width<=520px){.fc-auth__topbar{min-height:4.5rem}.fc-auth__brand img{height:2.15rem}.fc-auth__back{text-align:right;justify-content:flex-end;max-width:9rem}.fc-auth__form-frame{gap:2rem;padding:2.5rem 0 4rem}.fc-auth__heading h1{font-size:clamp(3rem,15vw,4.5rem)}}
