.auth{place-items:center;min-height:calc(100dvh - 4.25rem);padding:clamp(2rem,6vh,4rem) 1.25rem;display:grid}.auth__panel{border-radius:1.25rem;width:100%;max-width:27rem;padding:clamp(1.75rem,4vw,2.5rem);position:relative;overflow:hidden}.auth__panel:before{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);opacity:.6;height:1px;position:absolute;inset:0 0 auto}.auth__title{margin-top:.9rem;font-size:1.7rem}.auth__subtitle{color:var(--color-muted);margin-top:.75rem;font-size:.92rem}.field{gap:.4rem;margin-top:1.1rem;display:grid}.field__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);font-size:.78rem;font-weight:600}.field__input{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-ink) 65%, transparent);color:var(--color-ivory);font:inherit;transition:border-color .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo);border-radius:.7rem;padding:.75rem .95rem;font-size:.95rem}.field__input:focus{border-color:color-mix(in oklab, var(--color-gold) 60%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-gold) 18%, transparent);outline:none}.auth__submit{width:100%;margin-top:1.5rem}.auth__switch{text-align:center;color:var(--color-muted);margin-top:1.25rem;font-size:.88rem}.auth__switch button{color:var(--color-gold);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;margin-inline-start:.4rem;padding:0;font-weight:600;text-decoration:underline}.auth__error{border:1px solid color-mix(in oklab, var(--color-pouvoir) 40%, transparent);background:color-mix(in oklab, var(--color-pouvoir) 12%, transparent);color:color-mix(in oklab, var(--color-pouvoir) 70%, white);animation:shake .38s var(--ease-out-expo);border-radius:.6rem;margin-top:1rem;padding:.7rem .9rem;font-size:.88rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.auth__notice{border-top:1px solid color-mix(in oklab, var(--color-hairline) 70%, transparent);color:var(--color-faint);margin-top:1.5rem;padding-top:1.1rem;font-size:.78rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.auth__error{animation:none}}.field__help{color:var(--color-muted);margin-top:.3rem;font-size:.78rem;display:block}.auth__google{border:1px solid var(--color-hairline);color:#1f1f1f;inline-size:100%;font-family:var(--font-sans);cursor:pointer;transition:filter .16s, transform .16s var(--ease-out-expo);background:#fff;border-radius:.6rem;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;display:flex}.auth__google:hover:not(:disabled){filter:brightness(.94)}.auth__google:active:not(:disabled){transform:translateY(1px)}.auth__google:disabled{opacity:.55;cursor:progress}.auth__ou{color:var(--color-faint);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.8rem;margin:1.2rem 0;font-size:.74rem;display:flex}.auth__ou:before,.auth__ou:after{content:"";background:var(--color-hairline);flex:1;block-size:1px}.auth__nommer{gap:1rem;display:grid}.auth__bienvenue{font-family:var(--font-sans);color:var(--color-parchment);margin:0;font-size:.86rem;line-height:1.55}.auth__passer{color:var(--color-faint);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;font-size:.78rem;text-decoration:underline}.auth__passer:hover:not(:disabled){color:var(--color-ivory)}