@import "https://fonts.googleapis.com/css2?family=Italianno&display=swap";
.login-page{--primary:#e7f072;--login-bg:#fafafa;--login-surface:#fff;--login-border:#e4e4e7e6;--login-text:#18181b;--login-text-muted:#71717a;--login-header-start:color-mix(in srgb,var(--primary)28%,white);--login-header-end:color-mix(in srgb,var(--primary)12%,white);--login-header-gradient:linear-gradient(180deg,var(--login-header-start)0%,var(--login-header-end)100%);--login-shadow-shell:0 -6px 22px -8px #00000012,0 0 0 1px #0000000a;--login-split:50%;background:var(--login-bg);color:var(--login-text)}.login-page.login-screen{background:linear-gradient(180deg,var(--login-header-start)0%,var(--login-header-end)34%,color-mix(in srgb,var(--login-header-end)65%,var(--login-bg))44%,color-mix(in srgb,var(--login-header-end)20%,var(--login-bg))52%,var(--login-bg)62%,var(--login-bg)100%);height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.landing-page{--primary:#e7f072;color:#fafafa;height:100dvh;max-height:100dvh;overflow:hidden}.landing-page__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.landing-page__bg img{object-position:center center;filter:blur(2px);transform:scale(1.01)}.landing-page__overlay{background:#000000b3;position:absolute;inset:0}.landing-page__content{z-index:1;padding-block:max(1.5rem,env(safe-area-inset-top,0px))max(1.5rem,env(safe-area-inset-bottom,0px));position:relative}@media (prefers-color-scheme:dark){.login-page{--login-bg:#09090b;--login-surface:#18181b;--login-border:#3f3f46e6;--login-text:#fafafa;--login-text-muted:#a1a1aa;--login-header-start:color-mix(in srgb,var(--primary)18%,#18181b);--login-header-end:color-mix(in srgb,var(--primary)6%,#09090b);--login-shadow-shell:0 4px 6px -1px #00000040,0 16px 40px -8px #0006}}.login-page .logo-font,.landing-page .logo-font{font-family:Italianno,cursive}.login-hero{inset:0 0 var(--login-split)0;z-index:0;padding:max(5.75rem,calc(env(safe-area-inset-top,0px) + 4.5rem))1.5rem .5rem;text-align:center;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute}.login-logo{color:var(--login-text);letter-spacing:-.02em;font-size:clamp(2.75rem,12vw,4.5rem);line-height:1}.login-tagline{max-width:16rem;color:var(--login-text-muted);margin-top:.4rem;font-size:.8125rem;font-weight:500}.login-main{z-index:10;left:0;right:0;top:var(--login-split);padding-inline:max(1rem,env(safe-area-inset-left,0px))max(1rem,env(safe-area-inset-right,0px));pointer-events:none;justify-content:center;display:flex;position:absolute;overflow:hidden;transform:translateY(-50%)}.login-shell{pointer-events:auto;border:1px solid var(--login-border);background:var(--login-surface);width:100%;max-width:22rem;max-height:min(58dvh,100dvh - 5rem);box-shadow:var(--login-shadow-shell);border-radius:1.5rem;padding:1.25rem}@media (max-height:720px){.login-shell{padding:1rem}.login-form{gap:.65rem}.login-links{gap:.35rem;margin-top:.75rem;padding-top:.75rem}.login-link{padding:.5rem .75rem;font-size:.8125rem}.login-input{padding-block:.55rem;font-size:.875rem}.login-submit{padding-block:.65rem;font-size:.875rem}}@media (max-height:600px){.login-logo{font-size:2.5rem}.login-tagline{font-size:.75rem}.login-shell{max-height:min(62dvh,100dvh - 3.5rem);padding:.85rem}}.login-form{flex-direction:column;gap:.875rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-label{letter-spacing:.04em;text-transform:uppercase;color:var(--login-text-muted);font-size:.75rem;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--login-text-muted);pointer-events:none;display:flex;position:absolute;left:.75rem}.login-input{border:1px solid color-mix(in srgb,var(--primary)45%,var(--login-border));background:color-mix(in srgb,var(--login-surface)96%,var(--login-bg));width:100%;color:var(--login-text);border-radius:.75rem;padding:.65rem .75rem .65rem 2.5rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--login-text-muted)}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)35%,transparent);outline:none}.login-input-password{padding-right:2.75rem}.login-toggle-password{width:2.25rem;height:2.25rem;color:var(--login-text-muted);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex;position:absolute;right:.35rem}.login-toggle-password:hover{background:color-mix(in srgb,var(--primary)12%,transparent);color:var(--login-text)}.login-error{text-align:center;color:#dc2626;font-size:.8125rem;font-weight:500}@media (prefers-color-scheme:dark){.login-error{color:#f87171}}.login-submit{background:var(--primary);color:#18181b;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.login-submit:hover:not(:disabled){opacity:.92}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-links{border-top:1px solid var(--login-border);flex-direction:column;gap:.4rem;margin-top:1rem;padding-top:1rem;display:flex}.login-link{width:100%;color:var(--login-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.login-link:hover{background:color-mix(in srgb,var(--primary)10%,transparent);color:var(--login-text)}.login-link-primary{border-color:color-mix(in srgb,var(--primary)50%,var(--login-border));background:color-mix(in srgb,var(--primary)14%,var(--login-surface));color:var(--login-text);font-weight:600}.login-link-primary:hover{background:color-mix(in srgb,var(--primary)24%,var(--login-surface))}.login-link-outline{border-color:var(--login-border);background:color-mix(in srgb,var(--login-surface)96%,var(--login-bg));color:var(--login-text)}.login-link-outline:hover{border-color:color-mix(in srgb,var(--primary)40%,var(--login-border))}.login-spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}