.login-page{--login-green:#1f4d47;--login-green-deep:#173d38;--login-ink:#1f2b2a;--login-muted:#6b7874;--login-cream:#f8f5ef;--login-sand:#e9dfcc;--login-field:#ffffffb8;--login-border:#ffffff8c;min-height:100dvh;color:var(--login-ink);background:#e9dfcc;place-items:center;padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}html:has(.login-page){background:#e9dfcc}html:has(.login-page) body{background:#e9dfcc}.login-scene{z-index:0;position:absolute;inset:0}.login-scene__image{object-fit:cover;object-position:center 45%}.login-scene__veil{pointer-events:none;background:radial-gradient(55% 60% at 50% 48%,#f8f5ef2e,#0000 70%),linear-gradient(#e9dfcc1f,#1f2b2a14);position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);text-align:center;isolation:isolate;background:linear-gradient(165deg,#ffffff94 0%,#f8f5ef7a 45%,#e9dfcc61 100%);border:1px solid #ffffffb3;border-radius:2.25rem;width:min(100%,28.5rem);padding:clamp(1.6rem,3.5vw,2.15rem) clamp(1.35rem,3vw,1.85rem) clamp(1.5rem,3vw,1.9rem);position:relative;box-shadow:0 30px 80px #1f2b2a2e,0 8px 24px #1f2b2a14,inset 0 1px #ffffffbf}.login-card:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:#f8f5ef47;position:absolute;inset:0}.login-card__logo{object-fit:contain;filter:drop-shadow(0 10px 22px #1f2b2a1f);width:min(11.5rem,52%);height:auto;margin-inline:auto;display:block}.login-card__title{color:var(--login-ink);margin:.95rem 0 0;font-size:clamp(1.55rem,2.4vw,1.85rem);font-weight:700;line-height:1.35}.login-card__lead{color:var(--login-muted);margin:.35rem 0 0;font-size:.9rem;font-weight:400}.login-form{text-align:start;gap:.85rem;margin-top:1.45rem;display:grid}.login-alert{color:#8d3b32;background:#f8e8e4e0;border:1px solid #8d3b3233;border-radius:1rem;margin:0;padding:.8rem 1rem;font-size:.875rem;line-height:1.55}.login-field{display:block;position:relative}.login-input{background:var(--login-field);width:100%;height:3.4rem;color:var(--login-ink);border:1px solid #1f2b2a14;border-radius:999px;outline:none;padding-inline:3.1rem 1.15rem;font-size:.95rem;transition:border-color .18s,box-shadow .18s,background-color .18s;display:block;box-shadow:inset 0 1px #ffffff8c}.login-input::placeholder{color:#6b7874c7}.login-input:hover{background:#ffffffd1}.login-input:focus{background:#ffffffe6;border-color:#1f4d4773;box-shadow:0 0 0 3px #1f4d471a}.login-input:focus-visible{outline:none}.login-field__icon{color:#1f4d478c;pointer-events:none;place-items:center;width:3rem;display:grid;position:absolute;top:0;bottom:0;left:.15rem}.login-field__toggle{color:#1f4d478c;cursor:pointer;background:0 0;border:0;place-items:center;width:3rem;transition:color .16s;display:grid;position:absolute;top:0;bottom:0;right:.15rem}.login-field__toggle:hover,.login-field__toggle:focus-visible{color:var(--login-green)}.login-field__toggle:focus-visible{outline:none}.login-input--password{padding-inline-end:3.1rem}.login-remember{color:var(--login-ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;margin-top:.15rem;font-size:.875rem;display:inline-flex}.login-remember__input{width:1.05rem;height:1.05rem;accent-color:var(--login-green);cursor:pointer;flex:none;margin:0}.login-submit{background:linear-gradient(180deg, #245851 0%, var(--login-green) 55%, var(--login-green-deep) 100%);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;height:3.5rem;margin-top:.35rem;font-size:1rem;font-weight:600;transition:filter .18s,transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 14px 28px #173d3838}.login-submit__arrow{background:#ffffff29;border-radius:999px;place-items:center;width:1.45rem;height:1.45rem;font-size:.95rem;line-height:1;display:inline-grid}.login-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 32px #173d3842}.login-submit:active:not(:disabled){filter:brightness(.98);transform:translateY(1px)scale(.995)}.login-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.login-submit__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:1rem;height:1rem;animation:.7s linear infinite login-spin}.login-note{text-align:start;color:var(--login-muted);background:#ffffff61;border:1px solid #1f4d471a;border-radius:1rem;align-items:flex-start;gap:.55rem;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.75rem;line-height:1.7;display:flex}.login-note__icon{color:#1f4d478c;flex:none;margin-top:.15rem}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-input,.login-submit,.login-field__toggle,.login-remember__box{transition:none}.login-submit__spinner{border-color:#fff;animation:none}}@media (max-width:767px){.login-page{align-items:center;padding:1rem}.login-scene__image{object-position:55% 40%}.login-card{border-radius:1.75rem;width:min(100%,24.5rem);padding:1.35rem 1.15rem 1.4rem}.login-card__logo{width:min(8.25rem,46%)}.login-card__title{font-size:1.45rem}.login-input,.login-submit{height:3.25rem}}