.login-shell{--login-graphite:#303036;--login-deep:#29282e;--login-plum:#443740;--login-powder:#dca6b5;--login-powder-light:#e7b5c5;--login-paper:#faf7f8;--login-ink:#353139;--login-muted:#726a73;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;color:var(--login-ink);background:var(--login-paper);grid-template-columns:minmax(27rem,1.08fr) minmax(28rem,.92fr);display:grid}.login-brand{isolation:isolate;color:#fbf8f9;background:linear-gradient(135deg, var(--login-deep) 0%, var(--login-graphite) 48%, var(--login-plum) 100%);flex-direction:column;min-height:100dvh;padding:clamp(2rem,4vw,4.5rem);display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";z-index:-1;aspect-ratio:1;border:clamp(3rem,7vw,7rem) solid #e7b5c512;border-radius:50%;width:min(46vw,44rem);position:absolute;bottom:-27%;right:-28%;box-shadow:0 0 0 clamp(2rem,5vw,5rem) #e7b5c509}.login-brand:after{content:"LOVE\a ANIMALS";white-space:pre;z-index:-1;color:#ffffff06;letter-spacing:-.09em;font-size:clamp(7rem,14vw,15rem);font-weight:800;line-height:.7;position:absolute;bottom:.02em;left:-.04em}.login-back,.login-mobile-back{align-items:center;gap:.65rem;width:fit-content;min-height:44px;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.login-back{color:#d9cfd5}.login-back:hover{color:#fff}.login-back svg,.login-mobile-back svg{width:1.05rem;height:1.05rem;transition:transform .2s}.login-back:hover svg,.login-mobile-back:hover svg{transform:translate(-3px)}.login-brand-copy{flex:1;align-content:center;gap:clamp(3rem,8vh,7rem);width:min(100%,46rem);margin-inline:auto;padding-block:3rem;display:grid}.login-identity,.login-mobile-brand{align-items:center;gap:1.1rem;display:flex}.login-identity .brand-mark{border-radius:22px 6px;width:90px;height:90px;padding:5px;box-shadow:0 20px 50px #0a090d38}.login-identity .brand-mark img{border-radius:17px 4px}.login-identity p{color:#fff;letter-spacing:.08em;font-size:1rem;font-weight:760}.login-identity div>span{color:#bfb3ba;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem;font-size:.72rem;display:block}.login-eyebrow{color:#98516c;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.75rem;font-weight:750;display:flex}.login-eyebrow>span{background:currentColor;flex:none;width:2rem;height:1px}.login-brand .login-eyebrow{color:var(--login-powder-light)}.login-brand-message h2{letter-spacing:-.068em;text-wrap:balance;max-width:10ch;margin-top:1rem;font-size:clamp(3.2rem,5.5vw,6.4rem);font-weight:570;line-height:.94}.login-brand-message h2>span{color:var(--login-powder-light);font-family:var(--la-serif);font-style:italic;font-weight:400}.login-brand-message>p:last-child{color:#d8ced4;max-width:38rem;margin-top:1.6rem;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.75}.login-location{color:#cfc3ca;align-items:center;gap:.65rem;font-size:.8rem;display:flex}.login-location svg{width:1rem;height:1rem;color:var(--login-powder-light);fill:currentColor}.login-access{background:var(--login-paper);align-content:center;min-height:100dvh;padding:clamp(2rem,7vw,7rem);display:grid}.login-mobile-brand,.login-mobile-back{display:none}.login-form-wrap{width:min(100%,30rem);margin-inline:auto}.login-form-wrap>.login-eyebrow{letter-spacing:.14em;font-size:.64rem}.login-form-wrap h1{letter-spacing:-.06em;margin-top:.85rem;font-size:clamp(2.7rem,4.6vw,4.5rem);font-weight:610;line-height:1}.login-intro{max-width:29rem;color:var(--login-muted);margin-top:1rem;font-size:1rem;line-height:1.7}.login-form{gap:1.25rem;margin-top:2.2rem;display:grid}.login-field{color:#514a52;gap:.55rem;font-size:.84rem;font-weight:680;display:grid}.login-field>input,.login-password>input{width:100%;min-width:0;height:3.6rem;color:var(--login-ink);background:#ffffffe6;border:1px solid #dfd2d8;border-radius:16px 5px;outline:none;padding:0 1rem;font-size:1rem;font-weight:520;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:0 12px 34px #30303609}.login-field input::placeholder{color:#a79ba2;font-weight:450}.login-field input:focus{background:#fff;border-color:#c27794;box-shadow:0 0 0 4px #dca6b533,0 14px 36px #3030360d}.login-field input:-webkit-autofill{-webkit-text-fill-color:var(--login-ink);caret-color:var(--login-ink);-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-password{display:block;position:relative}.login-password>input{padding-right:3.5rem}.login-password>button{color:#8c8088;background:0 0;border:0;place-items:center;width:3.5rem;display:grid;position:absolute;inset:0 0 0 auto}.login-password>button:hover{color:#7f4059}.login-shell :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #b66c89}.login-password>button:focus-visible{outline-offset:-5px;border-radius:10px}.login-password svg{width:1.2rem;height:1.2rem}.login-error{color:#8c2941;background:#fff0f3;border-left:3px solid #c64f69;padding:.85rem 1rem;font-size:.87rem;line-height:1.55}.login-submit{width:100%;min-height:3.6rem;color:var(--login-graphite);background:var(--login-powder);border:0;border-radius:16px 5px;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.8rem 1rem .8rem 1.25rem;font-size:1rem;font-weight:750;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;box-shadow:0 16px 36px #b9678829}.login-submit:hover:not(:disabled){background:var(--login-powder-light);transform:translateY(-2px);box-shadow:0 20px 42px #b9678838}.login-submit:disabled{cursor:wait;opacity:.72}.login-submit svg{width:1.25rem;height:1.25rem}.login-spinner{animation:.8s linear infinite login-spin}.login-help{color:var(--login-muted);margin-top:1.2rem;font-size:.8rem;line-height:1.7}.login-security{color:#8a8087;align-items:flex-start;gap:.7rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.78rem;line-height:1.5;display:flex;box-shadow:inset 0 1px #eadfe3}.login-security svg{color:#98516c;flex:none;width:1.2rem;height:1.2rem;margin-top:.1rem}.login-security span{display:grid}.login-security strong{color:#5e565f;font-size:.8rem}.login-brand:before{aspect-ratio:auto;width:min(55vw,45rem);height:min(55vw,45rem);box-shadow:none;opacity:.08;background:url(/favicon.svg) 50%/contain no-repeat;border:0;border-radius:0;bottom:-12%;right:-22%}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.login-shell{background:linear-gradient(180deg, var(--login-deep) 0 12.5rem, var(--login-paper) 12.5rem);grid-template-columns:minmax(0,1fr)}.login-brand{display:none}.login-access{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:0 0;align-content:start}.login-mobile-brand{color:#fff;min-height:6.6rem;padding:.55rem .35rem 1rem;display:flex}.login-mobile-brand .brand-mark{border-radius:17px 5px;width:64px;height:64px;padding:3px}.login-mobile-brand .brand-mark img{border-radius:14px 4px}.login-mobile-brand>div{gap:.22rem;display:grid}.login-mobile-brand strong{letter-spacing:.08em;font-size:.9rem}.login-mobile-brand div>span{color:#bfb3ba;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem}.login-form-wrap{background:var(--login-paper);border-radius:28px 7px;width:100%;padding:clamp(1.5rem,6vw,2.4rem);box-shadow:0 22px 60px #13111629}.login-form-wrap h1{font-size:clamp(2.5rem,10vw,3.5rem)}.login-intro{line-height:1.6}.login-mobile-back{color:#6d646b;margin:1rem auto 0;display:inline-flex}}@media (max-width:420px){.login-shell{background-repeat:no-repeat;background-size:100% 11rem}.login-access{padding-inline:.65rem}.login-mobile-brand{min-height:5.7rem;padding-inline:.3rem}.login-mobile-brand .brand-mark{width:56px;height:56px}.login-form-wrap{border-radius:23px 6px;padding:1.45rem 1.1rem 1.3rem}.login-form-wrap h1{font-size:2.5rem}.login-intro{font-size:.94rem}.login-form{gap:1rem;margin-top:1.6rem}.login-field>input,.login-password>input,.login-submit{height:3.45rem;min-height:3.45rem}}@media (max-width:340px){.login-mobile-brand div>span{display:none}.login-form-wrap{padding-inline:.9rem}.login-form-wrap h1{font-size:2.25rem}}@media (display-mode:standalone) and (max-width:900px){.login-access{min-height:100svh;padding-top:max(.75rem, env(safe-area-inset-top))}.login-mobile-back{margin-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){.login-shell .brand-mark img,.login-shell .brand-mark-hearts>span{animation:none}.login-submit,.login-back svg,.login-mobile-back svg{transition:none}}
