.esc-login{min-height:100dvh}.esc-login__grid{grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid}.esc-login__brand{isolation:isolate;height:100dvh;color:var(--esc-on-red);--esc-tile-img:url(/assets/packages/hero-day.jpg);background-color:var(--esc-surface);background-image:var(--esc-tile-img);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;align-self:start;gap:2rem;padding:clamp(1.1rem,2vw,1.7rem) clamp(2.5rem,4vw,3.75rem) clamp(2.5rem,4vw,3.75rem);display:flex;position:sticky;top:0;overflow:hidden}.esc-login__brand:after{content:"";z-index:0;pointer-events:none;background:var(--esc-scrim-strong), linear-gradient(100deg, #08080980 0%, #0808091f 40%, transparent 66%), linear-gradient(#08080938, #08080938);position:absolute;inset:0}.esc-login__brand>*{z-index:1;position:relative}:root.dark .esc-login__brand,[data-theme=dark] .esc-login__brand{--esc-tile-img:url(/assets/packages/hero.jpg)}:root.dark .esc-login__brand:after,[data-theme=dark] .esc-login__brand:after{background:var(--esc-scrim-strong)}.esc-login__brand .esc-brand{color:var(--esc-on-red)}.esc-login__brand .esc-eyebrow{color:var(--esc-red);text-shadow:0 0 1px #080809b8,0 1px 3px #080809a8,0 2px 16px #08080999}.esc-login__brand .esc-stat__value{color:var(--esc-on-red)}.esc-login__brand .esc-stat__label{color:color-mix(in srgb, var(--esc-on-red) 76%, transparent)}.esc-login__brandbody{max-width:22rem}.esc-login__tagline{font-family:var(--esc-font-display);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--esc-on-red);margin-top:1rem;font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:600;line-height:1.1}.esc-login__tagline em{color:var(--esc-red);font-family:Fraunces,Pretendard,Georgia,serif;font-style:italic}.esc-login__perks{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.esc-login__perk{font-size:var(--esc-text-sm);color:color-mix(in srgb, var(--esc-on-red) 90%, transparent);align-items:flex-start;gap:.75rem;line-height:1.5;display:flex}.esc-login__perk svg{background:color-mix(in srgb, var(--esc-red) 22%, transparent);width:20px;height:20px;color:var(--esc-red);border-radius:50%;flex:none;margin-top:1px;padding:3px}.esc-login__form{background:var(--esc-canvas);flex-direction:column;min-height:100dvh;padding:clamp(1.4rem,3vw,2.25rem) clamp(1.5rem,5vw,3.5rem);display:flex}.esc-login__top{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.esc-login__back{min-height:44px;font-size:var(--esc-text-sm);color:var(--esc-muted);transition:color var(--esc-motion), gap var(--esc-motion);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.esc-login__back:hover{color:var(--esc-ink);gap:.55rem}.esc-login__back svg{width:16px;height:16px}.esc-login .esc-themebtn{border:1px solid var(--esc-line);border-radius:var(--esc-radius-sm);background:var(--esc-raised);transition:background var(--esc-motion), border-color var(--esc-motion), color var(--esc-motion)}.esc-login .esc-themebtn:hover{border-color:color-mix(in srgb, var(--esc-ink) 18%, var(--esc-line))}.esc-login__inner{flex:1;place-items:center;padding-block:1.75rem;display:grid}.esc-login__card{width:100%;max-width:24rem}.esc-login__head{margin-bottom:1.7rem}.esc-login__title{font-size:clamp(1.7rem,3vw,2.1rem)}.esc-login__subtitle{color:var(--esc-muted);font-size:var(--esc-text-base);margin-top:.5rem}.esc-login__notice{border-radius:var(--esc-radius-sm);font-size:var(--esc-text-sm);color:var(--esc-success);background:var(--esc-success-bg);border:1px solid color-mix(in srgb, var(--esc-success) 32%, transparent);margin-bottom:1.2rem;padding:.7rem .9rem;font-weight:500}.esc-login__notice--error{color:var(--esc-danger);background:var(--esc-danger-bg);border-color:color-mix(in srgb, var(--esc-danger) 32%, transparent)}.esc-login__hint{text-align:center;font-size:var(--esc-text-sm);color:var(--esc-muted);margin-top:1.5rem}.esc-login__hint-link{color:var(--esc-red);transition:color var(--esc-motion);font-weight:600}.esc-login__hint-link:hover{color:var(--esc-red-hover);text-decoration:underline}.esc-login .lf-field{flex-direction:column;gap:.4rem;margin-bottom:1.05rem;display:flex}.esc-login .lf-label{font-size:var(--esc-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--esc-muted);font-weight:700}.esc-login .lf-input-wrap{position:relative}.esc-login .lf-input{border:1px solid var(--esc-field-border);border-radius:var(--esc-radius-sm);background:var(--esc-field-bg);width:100%;color:var(--esc-ink);font:inherit;font-size:var(--esc-text-sm);box-shadow:var(--esc-shadow-sm);transition:border-color var(--esc-motion), box-shadow var(--esc-motion);padding:.8rem 1rem}.esc-login .lf-input::placeholder{color:var(--esc-muted)}.esc-login .lf-input:focus,.esc-login .lf-input:focus-visible{border-color:var(--esc-red);box-shadow:var(--esc-ring);outline:none}.esc-login .lf-input--has-eye{padding-right:2.9rem}.esc-login .lf-input--error,.esc-login .lf-input.has-error{border-color:var(--esc-red);box-shadow:var(--esc-ring)}.esc-login .lf-eye-btn{border-radius:var(--esc-radius-sm);width:2rem;height:2rem;color:var(--esc-muted);cursor:pointer;transition:color var(--esc-motion), background var(--esc-motion);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.esc-login .lf-eye-btn:after{content:"";position:absolute;inset:-6px}.esc-login .lf-eye-btn:hover{color:var(--esc-ink);background:color-mix(in srgb, var(--esc-ink) 5%, transparent)}.esc-login .lf-eye-btn svg{width:18px;height:18px}.esc-login .lf-error{font-size:var(--esc-text-xs);color:var(--esc-red);font-weight:500}.esc-login .lf-error[hidden]{display:none}.esc-login .lf-hint{font-size:var(--esc-text-xs);color:var(--esc-muted);margin-top:.3rem;font-weight:500;display:block}.esc-login .lf-hint[hidden]{display:none}.esc-login .lf-row{justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0 1.4rem;display:flex}.esc-login .lf-checkbox{cursor:pointer;min-height:44px;font-size:var(--esc-text-sm);color:var(--esc-muted);align-items:center;gap:.5rem;display:inline-flex}.esc-login .lf-checkbox input{width:16px;height:16px;accent-color:var(--esc-red);cursor:pointer}.esc-login .lf-link-btn{min-height:44px;font-size:var(--esc-text-sm);color:var(--esc-red);transition:color var(--esc-motion);align-items:center;font-weight:600;display:inline-flex}.esc-login .lf-link-btn:hover{color:var(--esc-red-hover);text-decoration:underline}.esc-login .lf-login-error{border-radius:var(--esc-radius-sm);font-size:var(--esc-text-sm);color:var(--esc-red);background:var(--esc-red-tint);border:1px solid color-mix(in srgb, var(--esc-red) 30%, transparent);margin-bottom:1.1rem;padding:.7rem .9rem;font-weight:500}.esc-login .lf-login-error[hidden]{display:none}@media (width<=900px){.esc-login__grid{grid-template-columns:1fr}.esc-login__brand{display:none}.esc-login__form{min-height:100dvh}}@media (width<=700px){.esc-login .lf-input{font-size:var(--esc-text-base)}.esc-login__form{padding-inline:var(--esc-edge-gutter)}.esc-login__inner{grid-template-columns:minmax(0,1fr);align-items:start;padding-block:2.5rem 1.5rem}.esc-login .lf-input{min-height:48px}.esc-login .lf-login-error{font-size:var(--escm-body);line-height:var(--esc-lh-body);border-inline-start-width:3px;border-inline-start-color:var(--esc-red);padding:.8rem .9rem}.esc-login .esc-btn--lg{min-height:48px}.esc-login__hint{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1.25rem;display:flex}.esc-login__hint-link{border:1px solid var(--esc-line);border-radius:var(--esc-radius-pill);min-height:48px;color:var(--esc-ink);font-size:var(--esc-text-base);justify-content:center;align-items:center;padding-inline:1.25rem;display:flex}.esc-login__hint-link:active{background:var(--esc-red-tint);color:var(--esc-red-hover)}.esc-login__hint-link:hover{color:var(--esc-ink);text-decoration:none}}
