.login-page{--color-paper:#f7fafe;--color-surface:#fff;--color-surface-2:#f0f4f9;--color-ink:#0e1721;--color-ink-2:#3b434d;--color-muted:#747b83;--color-rule:#dadee3;--color-rule-strong:#bfc5cc;--color-accent:#0069bf;--color-accent-soft:#e2efff;--color-green:#00a45a;--color-yellow:#e6ad29;--color-rose:#dc5c66;--color-violet:#9860d0;--font-display:var(--font-body-family), ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-body-family), ui-sans-serif, system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 16px 38px color-mix(in oklch, var(--color-ink) 7%, transparent);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.18s;--dur-medium:.32s;isolation:isolate;min-height:100dvh;font-family:var(--font-body);background:linear-gradient(180deg, var(--color-surface) 0, var(--color-paper) 100%);place-items:center;padding:clamp(1rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.login-page{--color-paper:lab(98.1394% -.662386 -2.14627);--color-surface:lab(100% 0 0);--color-surface-2:lab(96.0496% -.878274 -2.85885);--color-ink:lab(7.13396% -1.01943 -8.76391);--color-ink-2:lab(28.0256% -1.35937 -7.20984);--color-muted:lab(51.2458% -1.14283 -5.4633);--color-rule:lab(88.3839% -.650108 -2.93531);--color-rule-strong:lab(79.0948% -.954777 -4.39165);--color-accent:lab(42.9781% 3.30716 -60.6869);--color-accent-soft:lab(93.9073% -3.15154 -12.503);--color-green:lab(59.1265% -50.9899 27.7703);--color-yellow:lab(74.5988% 13.2214 69.4375);--color-rose:lab(56.5277% 51.5123 20.9844);--color-violet:lab(50.9845% 39.5993 -49.8877)}}.login-backdrop{z-index:0;pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.login-backdrop-glow{filter:blur(48px);opacity:.75;border-radius:50%;position:absolute}.login-backdrop-glow--accent{background:color-mix(in oklch, var(--color-accent-soft) 88%, transparent);width:min(42rem,70vw);height:min(42rem,70vw);top:8%;left:50%;transform:translate(-58%)}.login-backdrop-glow--violet{background:color-mix(in oklch, var(--color-violet) 16%, transparent);width:min(28rem,50vw);height:min(28rem,50vw);bottom:6%;right:8%}.login-backdrop-grid{background-image:linear-gradient(color-mix(in oklch, var(--color-rule) 50%, transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in oklch, var(--color-rule) 50%, transparent) 1px, transparent 1px);opacity:.35;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 15%,#0000 70%);mask-image:radial-gradient(circle at 50% 45%,#000 15%,#0000 70%)}.login-backdrop-orb{filter:blur(12px);border-radius:50%;position:absolute}.login-backdrop-orb--one{background:color-mix(in oklch, var(--color-accent-soft) 80%, transparent);width:20rem;height:20rem;top:-5rem;left:-4rem}.login-backdrop-orb--two{background:color-mix(in oklch, var(--color-accent) 14%, transparent);width:16rem;height:16rem;bottom:10%;right:-3rem}.login-backdrop-ring{border:1px solid color-mix(in oklch, var(--color-accent) 16%, var(--color-rule));border-radius:50%;position:absolute}.login-backdrop-ring--one{opacity:.3;width:24rem;height:24rem;top:12%;right:10%}.login-shell{z-index:1;--login-full-w:min(960px, calc(100vw - 2rem));--login-hero-w:calc(var(--login-full-w) * .52);--login-panel-w:calc(var(--login-full-w) * .48);width:var(--login-full-w);border:1px solid color-mix(in oklch, var(--color-rule) 78%, var(--color-accent-soft));background:var(--color-surface);max-width:100%;min-height:min(580px,100dvh - 3rem);box-shadow:0 0 0 1px color-mix(in oklch, var(--color-accent) 8%, transparent),0 32px 80px color-mix(in oklch, var(--color-ink) 12%, transparent),0 12px 32px color-mix(in oklch, var(--color-accent) 8%, transparent);border-radius:22px;position:relative;overflow:hidden}.login-shell--enter:not(.login-shell--ready){width:var(--login-hero-w);opacity:0;filter:blur(12px)}.login-shell--enter:not(.login-shell--ready) .login-panel{pointer-events:none}.login-shell--ready{width:var(--login-full-w);opacity:1;filter:none}.login-shell-body{width:var(--login-full-w);min-height:inherit;flex-direction:row;align-items:stretch;display:flex}.login-hero{flex:0 0 var(--login-hero-w);width:var(--login-hero-w);min-width:var(--login-hero-w);max-width:var(--login-hero-w);gap:var(--space-lg);background:radial-gradient(circle at 20% 12%, color-mix(in oklch, var(--color-accent-soft) 80%, transparent), transparent 46%),radial-gradient(circle at 88% 88%, color-mix(in oklch, var(--color-violet) 12%, transparent), transparent 40%),linear-gradient(165deg, color-mix(in oklch, var(--color-accent-soft) 38%, var(--color-surface)), color-mix(in oklch, var(--color-surface-2) 45%, var(--color-surface)));border-right:1px solid color-mix(in oklch, var(--color-rule) 85%, var(--color-accent-soft));border-bottom:none;flex-direction:column;padding:clamp(1.5rem,3.5vw,2.25rem);display:flex;position:relative;overflow:hidden}.login-hero-brand{align-items:center;gap:.75rem;display:flex}.login-hero-brand img{object-fit:contain;width:56px;height:46px}.login-hero-brand strong{letter-spacing:-.01em;color:var(--color-ink);font-size:1.02rem;font-weight:750;display:block}.login-hero-brand small{color:var(--color-muted);margin-top:.1rem;font-size:.8rem;font-weight:650;display:block}.login-hero-brand,.login-hero-main,.login-hero-badge{z-index:1;position:relative}.login-hero-main{flex-direction:column;flex:1;justify-content:center;gap:1rem;padding-block:.5rem 1rem;display:flex}.login-hero-shape{z-index:0;border:1px solid color-mix(in oklch, var(--color-accent) 20%, var(--color-rule));background:color-mix(in oklch, var(--color-surface) 50%, var(--color-accent-soft));width:clamp(6.5rem,14vw,8.5rem);height:clamp(6.5rem,14vw,8.5rem);box-shadow:0 18px 36px color-mix(in oklch, var(--color-accent) 8%, transparent);opacity:.5;pointer-events:none;border-radius:22px;position:absolute;top:auto;bottom:5.5rem;right:-1.5rem;transform:rotate(-14deg)}.login-hero-main h2{letter-spacing:-.03em;max-width:16ch;color:var(--color-ink);margin:0;font-size:clamp(1.65rem,3.2vw,2.15rem);font-weight:800;line-height:1.18}.login-hero-main p{max-width:42ch;color:var(--color-ink-2);margin:0;font-size:.98rem;line-height:1.65}.login-hero-badge{border:1px solid color-mix(in oklch, var(--color-accent) 22%, var(--color-rule));background:color-mix(in oklch, var(--color-surface) 82%, var(--color-accent-soft));width:fit-content;color:var(--color-ink);box-shadow:0 10px 28px color-mix(in oklch, var(--color-ink) 5%, transparent);border-radius:999px;align-items:center;gap:.65rem;padding:.65rem 1rem .65rem .65rem;font-size:.88rem;font-weight:700;display:inline-flex}.login-hero-badge-icon{background:linear-gradient(145deg, color-mix(in oklch, var(--color-accent) 84%, var(--color-surface)), color-mix(in oklch, var(--color-accent) 62%, var(--color-violet)));color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;display:grid}.login-panel{flex:0 0 var(--login-panel-w);width:var(--login-panel-w);min-width:var(--login-panel-w);max-width:var(--login-panel-w);background:var(--color-surface);flex-direction:column;justify-content:center;gap:.85rem;padding:clamp(1.5rem,3.5vw,2.25rem);display:flex;position:relative}.login-panel-mobile-brand{align-items:center;gap:.75rem;margin-bottom:.25rem;display:none}.login-panel-mobile-brand img{object-fit:contain;width:50px;height:42px}.login-panel-mobile-brand strong{font-size:.98rem;font-weight:750;display:block}.login-panel-mobile-brand small{color:var(--color-muted);font-size:.78rem;font-weight:650;display:block}.login-panel h1{letter-spacing:-.03em;color:var(--color-ink);margin:0;font-size:clamp(1.75rem,3vw,2rem);font-weight:800}.login-form-card{border:1px solid color-mix(in oklch, var(--color-rule) 88%, var(--color-accent-soft));background:color-mix(in oklch, var(--color-surface-2) 55%, var(--color-surface));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-surface) 90%, transparent);border-radius:16px;padding:clamp(1.1rem,2.5vw,1.35rem)}.login-form{gap:1rem;display:grid}.login-form label{color:var(--color-ink-2);gap:.42rem;font-size:.86rem;font-weight:650;display:grid}.login-form input{border:1px solid color-mix(in oklch, var(--color-rule) 85%, var(--color-accent-soft));width:100%;min-height:48px;font:inherit;color:var(--color-ink);background:var(--color-surface);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);border-radius:12px;padding:0 .95rem}.login-form input:hover{border-color:color-mix(in oklch, var(--color-accent) 30%, var(--color-rule))}.login-form input:focus-visible{border-color:color-mix(in oklch, var(--color-accent) 55%, var(--color-rule));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 14%, transparent);outline:none}.login-form button[type=submit]{background:var(--color-accent);color:#fff;min-height:50px;font:inherit;cursor:pointer;box-shadow:0 12px 28px color-mix(in oklch, var(--color-accent) 28%, transparent);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out);border:0;border-radius:12px;margin-top:.25rem;font-size:.96rem;font-weight:750}.login-form button[type=submit]:hover:not(:disabled){background:color-mix(in oklch, var(--color-accent) 88%, var(--color-ink));box-shadow:0 16px 32px color-mix(in oklch, var(--color-accent) 34%, transparent);transform:translateY(-1px)}.login-form button[type=submit]:focus-visible{outline:3px solid color-mix(in oklch, var(--color-accent) 42%, var(--color-surface));outline-offset:3px}.login-form button[type=submit]:disabled{opacity:.7;cursor:wait}.login-password-field{display:block;position:relative}.login-password-field input{padding-right:2.75rem}.login-password-toggle{width:34px;height:34px;color:var(--color-accent);cursor:pointer;transition:background var(--dur-short) var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;font-size:1rem;display:grid;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.login-password-toggle:hover{background:color-mix(in oklch, var(--color-accent-soft) 70%, var(--color-surface))}.login-password-toggle:focus-visible{outline:3px solid color-mix(in oklch, var(--color-accent) 42%, var(--color-surface));outline-offset:3px}.login-error{color:var(--color-rose);margin:0;font-size:.88rem}.login-copyright{color:var(--color-muted);text-align:right;margin:.35rem 0 0;font-size:.76rem}@media (max-width:820px){.login-shell{--login-full-w:min(520px, calc(100vw - 2rem));--login-hero-w:0px;--login-panel-w:var(--login-full-w);min-height:auto}.login-shell--enter:not(.login-shell--ready){width:var(--login-full-w);opacity:0;filter:blur(10px)}.login-shell--enter:not(.login-shell--ready) .login-panel{opacity:0;pointer-events:none}.login-shell-body{width:var(--login-full-w)}.login-hero{display:none}.login-panel{flex:auto;width:100%;min-width:0;max-width:none}.login-panel-mobile-brand{display:flex}.login-copyright{text-align:center}}@media (prefers-reduced-motion:reduce){.login-backdrop{opacity:1}.login-shell--enter:not(.login-shell--ready){opacity:1;filter:none}.login-form button[type=submit]:hover:not(:disabled){transform:none}}