.auth-screen{--bg: var(--color-page);--surface: var(--color-surface, oklch(100% 0 0));--fg: var(--color-ink, oklch(14% .012 55));--muted: var(--color-muted, oklch(48% .012 55));--border: #859f95;--accent: var(--color-action);--on-accent: var(--color-ink);--ok: var(--color-success, oklch(45% .13 145));--ok-soft: var(--color-success-soft, oklch(96% .03 145));--danger: var(--color-danger, oklch(55% .18 25));--accent-ring: color-mix(in oklch, var(--color-brand) 22%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 6%, transparent);--danger-soft: color-mix(in oklch, var(--danger) 10%, transparent);--card-shadow: 0 1px 2px color-mix(in oklch, var(--fg) 5%, transparent), 0 10px 28px -12px color-mix(in oklch, var(--fg) 14%, transparent);position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:100svh;overflow-x:clip;background:var(--bg) url(/assets/emerald/paw-pattern.svg) repeat;background-size:300px 300px;color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.auth-screen :where(h1,p,ul){margin:0}.auth-screen h1{text-wrap:balance}.auth-screen p{text-wrap:pretty}.auth-screen a:focus-visible,.auth-screen button:focus-visible,.auth-screen input:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.auth-screen__skip{position:absolute;left:.75rem;top:.75rem;z-index:20;display:inline-flex;min-height:44px;align-items:center;padding:.65rem 1rem;border-radius:999px;background:var(--surface);color:var(--fg);font-weight:600;text-decoration:none;box-shadow:var(--card-shadow);transform:translateY(-160%)}.auth-screen__skip:focus,.auth-screen__skip:focus-visible{transform:none}.auth-screen__brand{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:16px 24px;background:var(--surface)}.auth-screen__brand-copy{display:none}.auth-screen__tagline{font-size:clamp(34px,3.1vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}.auth-screen .auth-screen__support{margin-top:16px;max-width:38ch;color:#d4e4dc;font-size:17px;line-height:1.5}.auth-screen .auth-screen__perks{display:grid;gap:14px;margin-top:30px;padding:0;list-style:none}.auth-screen__perk{display:flex;align-items:center;gap:14px}.auth-screen__perk-mark{display:grid;flex:none;width:40px;height:40px;place-items:center;border:1px solid #568d7f;border-radius:50%;background:transparent;color:var(--color-action)}.auth-screen__perk-mark svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-screen__perk-text{display:flex;flex-direction:column;gap:2px;min-width:0}.auth-screen__perk-text strong{display:block;font-size:15px;font-weight:600;line-height:1.3}.auth-screen__perk-text span{display:block;color:#d4e4dc;font-size:14px;line-height:1.35}.auth-screen__figure{display:none;position:relative;width:100%;height:150px;margin:12px 0 0}.auth-screen__pets{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:bottom center}.auth-screen__panel{display:flex;flex-direction:column;min-height:0;padding:16px 16px max(24px,env(safe-area-inset-bottom))}.auth-screen__card{width:min(100%,480px);margin:0 auto;padding:28px 24px;border:0;border-radius:16px;background:var(--surface)}.auth-screen__title{font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-.02em}.auth-screen .auth-screen__lead{margin-top:10px;max-width:42ch;color:var(--muted);font-size:16px}.auth-screen__head+:not(.sr-only),.auth-screen__form{margin-top:24px}.auth-screen__alert{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid color-mix(in oklch,var(--danger) 30%,transparent);border-radius:16px;background:var(--danger-soft);color:var(--fg);font-size:15px;line-height:1.45}.auth-screen__alert svg{flex:none;width:22px;height:22px;margin-top:1px;color:var(--danger);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auth-screen__alert strong{display:block;font-weight:600}.auth-screen__alert span{display:block;margin-top:2px;color:var(--muted);font-size:14px}.auth-screen__alert a{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth-screen__btn{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:16px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,background .15s ease,color .15s ease,border-color .15s ease}.auth-screen__btn:active{transform:translateY(1px)}.auth-screen__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:18px;font-weight:600}.auth-screen__btn--primary:hover{background:var(--fg);border-color:var(--fg);color:var(--surface)}.auth-screen__btn--secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.auth-screen__btn--secondary:hover{border-color:var(--fg);background:var(--fg-soft)}.auth-screen__btn[disabled]{cursor:progress;opacity:.72;transform:none}.auth-screen__btn.is-loading[disabled]{opacity:1;pointer-events:none}.auth-screen__spinner{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;animation:auth-screen-spin .8s linear infinite}.auth-screen__spinner circle{opacity:.28}.auth-screen__provider-mark{flex:none;width:20px;height:20px}.auth-screen__providers{display:grid;gap:12px}.auth-screen__divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.01em}.auth-screen__divider:before,.auth-screen__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-screen__field{display:block}.auth-screen__field+.auth-screen__field{margin-top:16px}.auth-screen__label{display:block;margin-bottom:8px;font-size:15px;font-weight:600}.auth-screen__field-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.auth-screen__field-head .auth-screen__label{margin-bottom:0}.auth-screen__forgot{display:inline-block;padding:12px 0;margin:-12px 0;border:0;background:none;color:var(--fg);font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-screen__inline-link{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-screen__sent-mark{width:56px;height:56px;margin-bottom:18px;display:grid;place-items:center;border-radius:50%;background:var(--ok-soft);color:var(--ok)}.auth-screen__sent-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.auth-screen__title:focus{outline:none}.auth-screen__resent{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:var(--ok);font-size:15px;font-weight:600}.auth-screen__resent svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auth-screen__control{position:relative;display:flex;align-items:center}.auth-screen__field-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.auth-screen__input{width:100%;min-height:56px;padding:14px 16px 14px 50px;border:1.5px solid var(--border);border-radius:16px;background:var(--surface);color:var(--fg);font:inherit;font-size:16px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}.auth-screen__input::placeholder{color:var(--muted);font-weight:400}.auth-screen__input:hover{border-color:color-mix(in oklch,var(--border) 40%,var(--muted))}.auth-screen .auth-screen__input:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 4px var(--accent-ring)}.auth-screen__input--password{padding-right:60px}.auth-screen__input:-webkit-autofill,.auth-screen__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s ease-out}.auth-screen .auth-screen__input:-webkit-autofill:focus-visible{-webkit-box-shadow:0 0 0 1000px var(--surface) inset,0 0 0 4px var(--accent-ring)}.auth-screen__field.is-invalid .auth-screen__input{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.auth-screen__field.is-invalid .auth-screen__field-icon{color:var(--danger)}.auth-screen__toggle{position:absolute;right:6px;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.auth-screen__toggle:hover{background:var(--fg-soft);color:var(--fg)}.auth-screen__toggle:disabled{cursor:not-allowed;opacity:.6}.auth-screen__toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-screen__hint,.auth-screen__error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.01em}.auth-screen__hint{color:var(--muted)}.auth-screen__hint svg,.auth-screen__error svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auth-screen__hint .auth-screen__hint-check{visibility:hidden}.auth-screen__hint.is-ok{color:var(--ok)}.auth-screen__hint.is-ok .auth-screen__hint-check{visibility:visible}.auth-screen__error{color:var(--danger)}.auth-screen__submit{margin-top:24px}.auth-screen__demo{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.45;text-align:center}.auth-screen__text-link{display:inline-block;padding:11px 2px;border:0;background:none;color:var(--fg);font:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}@media(hover:hover){.auth-screen__text-link:hover,.auth-screen__forgot:hover,.auth-screen__inline-link:hover{color:var(--fg)}.auth-screen__forgot:hover{text-decoration-thickness:2px}}.auth-screen .auth-screen__switch{margin-top:22px;color:var(--muted);font-size:15px;text-align:center}@media(max-width:899px)and (max-height:740px){.auth-screen__brand{padding-block:8px}.auth-screen__panel{padding-bottom:max(16px,env(safe-area-inset-bottom))}.auth-screen__card{padding:20px}.auth-screen__head+:not(.sr-only),.auth-screen__form{margin-top:20px}.auth-screen .auth-screen__switch{margin-top:12px}}@media(min-width:900px){.auth-screen{grid-template-columns:minmax(0,11fr) minmax(0,13fr);grid-template-rows:minmax(0,1fr)}.auth-screen__brand{position:sticky;top:0;align-items:stretch;align-self:start;height:100svh;padding:36px clamp(32px,4.5vw,72px) 0;overflow:hidden;background:var(--color-brand);color:var(--color-page)}.auth-screen__brand a:focus-visible{outline-color:var(--color-action)}.auth-screen__brand>.public-brand,.auth-screen__brand-copy{position:relative;z-index:1}.auth-screen__brand-copy{display:block;margin-top:clamp(16px,2vh,24px)}.auth-screen__figure{display:block;position:absolute;inset:0;height:auto;margin:0;width:auto;pointer-events:none}.auth-screen__pets{position:static;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center bottom}.auth-screen__panel{justify-content:center;padding:24px clamp(24px,4vw,64px)}.auth-screen__card{margin:auto;padding:clamp(24px,3vw,36px);border-radius:16px}.auth-screen__title{font-size:32px}.auth-screen__btn{min-height:56px;padding:12px 22px}.auth-screen__divider{gap:14px;margin:22px 0}}@media(min-width:900px)and (max-height:720px){.auth-screen .auth-screen__perks{display:none}.auth-screen__brand-copy{margin-top:32px}}@keyframes auth-screen-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-screen *,.auth-screen *:before,.auth-screen *:after{transition:none!important}.auth-screen__spinner{animation:none}.auth-screen__spinner path{opacity:.28}}