.login-orbit{--orbit-dot-0:var(--ink-950);--orbit-dot-1:var(--gray-500);--orbit-dot-2:var(--ink-600);--orbit-dot-3:var(--action);--orbit-ink:var(--ink-700);--orbit-spike:var(--ink-700);--orbit-line:var(--ink-600);--orbit-label:var(--ink-700);--orbit-accent:var(--action);--orbit-body-0:var(--cobalt-400);--orbit-body-1:var(--cobalt-700);--orbit-sheen:#fff;--orbit-rim-0:#fff;--orbit-rim-1:var(--cobalt-200);--orbit-rim-2:var(--cobalt-700);--login-radius-card:24px;min-height:100dvh;color:var(--ink);background:radial-gradient(50% 60% at 34% 52%, color-mix(in srgb, var(--action) 8%, transparent) 0%, transparent 70%), var(--canvas);position:relative;overflow:hidden}html:not([data-login-theme=light]) .login-orbit[data-theme=dark]{--canvas:var(--inverse);--surface:color-mix(in srgb, var(--inverse-raised) 72%, transparent);--ink:var(--inverse-foreground);--text:var(--inverse-foreground);--text-secondary:var(--inverse-muted);--text-tertiary:var(--inverse-muted);--line:var(--inverse-line);--line-strong:color-mix(in srgb, var(--inverse-foreground) 16%, transparent);--action:var(--cobalt-400);--action-hover:var(--cobalt-300);--signal:var(--cobalt-300);--gray-200:var(--inverse-selected);--gray-500:var(--inverse-muted);--shadow-surface:0 0 0 1px #00000040, 0 40px 90px -30px #0009;--orbit-dot-0:var(--inverse-foreground);--orbit-dot-1:var(--cobalt-300);--orbit-dot-2:var(--cobalt-500);--orbit-dot-3:var(--cobalt-400);--orbit-ink:var(--inverse-muted);--orbit-spike:var(--inverse-foreground);--orbit-line:var(--cobalt-300);--orbit-label:var(--inverse-foreground);--orbit-accent:var(--cobalt-300);--orbit-body-0:var(--inverse-raised);--orbit-body-1:var(--inverse);--orbit-sheen:var(--cobalt-500);--orbit-rim-0:var(--inverse-foreground);--orbit-rim-1:var(--cobalt-300);--orbit-rim-2:var(--action);color:var(--inverse-foreground);background:radial-gradient(50% 60% at 34% 52%, color-mix(in srgb, var(--cobalt-500) 28%, transparent) 0%, transparent 70%), var(--inverse)}.login-orbit-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.login-orbit-fade{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--canvas) 85%, transparent) 0%, transparent 24%, transparent 82%, color-mix(in srgb, var(--canvas) 85%, transparent) 100%);position:absolute;inset:0}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-orbit-fade{background:linear-gradient(180deg, color-mix(in srgb, var(--inverse) 60%, transparent) 0%, transparent 24%, transparent 82%, color-mix(in srgb, var(--inverse) 60%, transparent) 100%)}.login-theme{z-index:2;border:1px solid color-mix(in srgb, var(--surface) 90%, white);background:color-mix(in srgb, var(--surface) 68%, transparent);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-radius:99px;gap:4px;padding:4px;display:flex;position:absolute;top:clamp(16px,2.4vw,32px);right:clamp(16px,2.4vw,32px)}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-theme{border-color:#ffffff14}.login-theme-button{width:40px;height:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex}.login-theme-button svg{width:18px;height:18px}.login-theme-button[aria-pressed=true]{background:var(--action);color:var(--action-foreground)}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-theme-button[aria-pressed=true]{background:var(--cobalt-600);color:var(--action-foreground)}.login-theme-button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.login-orbit-layout{z-index:1;pointer-events:none;flex-wrap:wrap;gap:40px;min-height:100dvh;padding:clamp(24px,4.6vw,64px);display:flex;position:relative}.login-copy{flex-direction:column;flex:440px;justify-content:space-between;gap:48px;display:flex}.login-copy-lead{flex-direction:column;gap:22px;max-width:620px;display:flex}.login-orbit .orb-eyebrow{color:var(--signal);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.login-copy h1{color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(34px,3.4vw,54px);font-weight:550;line-height:1.04}.login-copy-lead p,.login-card-copy p{color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.6}.login-copy-lead p{max-width:30em}.login-orbit-slot{flex:auto;min-height:clamp(200px,32vh,480px)}.login-points{color:var(--ink-700);flex-direction:column;gap:14px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-points{color:var(--inverse-foreground)}.login-points li{align-items:center;gap:14px;display:flex}.login-points li span{background:var(--action);width:6px;height:6px;box-shadow:0 0 10px var(--action);border-radius:50%}.login-card-wrap{flex:440px;justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-6);pointer-events:auto;border:1px solid color-mix(in srgb, var(--surface) 90%, white);border-radius:var(--login-radius-card);background:color-mix(in srgb, var(--surface) 68%, transparent);width:100%;max-width:440px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent), 0 40px 80px -30px color-mix(in srgb, var(--ink) 30%, transparent);color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);flex-direction:column;padding:clamp(32px,4vw,44px);transition:background .4s,border-color .4s;display:flex;position:relative}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card{background:color-mix(in srgb, var(--inverse-raised) 62%, transparent);border-color:#ffffff14;box-shadow:0 0 0 1px #00000040,0 40px 90px -30px #0009}.login-card-sheen{background:linear-gradient(90deg, transparent, var(--cobalt-400), transparent);height:1px;position:absolute;top:-1px;left:18%;right:18%}.login-card-copy{flex-direction:column;gap:12px;display:flex}.login-mark{color:var(--action);margin-bottom:8px;display:block}.login-card h2{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:550;line-height:1.15}.login-card-copy p{font-size:15px}.login-fields{flex-direction:column;gap:18px;display:flex}.login-card .orb-field label,.login-field-head label{color:var(--ink);font-size:13px;font-weight:500}.login-field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-forgot{color:var(--text-secondary);font-size:13px;text-decoration:none}.login-orbit[data-theme=light] .login-card-copy p,html[data-login-theme=light] .login-card-copy p,.login-orbit[data-theme=light] .login-forgot,html[data-login-theme=light] .login-forgot{color:var(--ink-700)}.login-forgot:hover{color:var(--action-hover)}.login-forgot:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}.login-card .orb-button--action{height:48px;font-size:var(--text-body);box-shadow:0 10px 30px -10px color-mix(in srgb, var(--action) 80%, transparent);border-radius:16px;transition:background .15s,transform .16s,box-shadow .16s}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card .orb-button--action{background:var(--cobalt-600);border-color:var(--cobalt-600);color:var(--action-foreground)}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card .orb-button--action:hover:not(:disabled){background:var(--cobalt-500);border-color:var(--cobalt-500)}.login-card .orb-button--action:active:not(:disabled),html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card .orb-button--action:active:not(:disabled){background:var(--cobalt-700);border-color:var(--cobalt-700)}.login-card .orb-button--action:disabled,html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card .orb-button--action:disabled{opacity:1;background:var(--cobalt-700);border-color:var(--cobalt-700);color:var(--action-foreground)}.login-card .orb-input::placeholder{color:var(--gray-700)}html:not([data-login-theme=light]) .login-orbit[data-theme=dark] .login-card .orb-input::placeholder{color:var(--inverse-muted)}.login-card .orb-input{background:color-mix(in srgb, var(--surface) 85%, transparent);border-radius:16px;height:48px;padding:0 18px}.login-card .orb-password-input{padding-right:52px}.login-card .orb-password-toggle{width:36px;height:36px;color:var(--text-secondary);border-radius:12px;top:6px;right:6px}.login-card .orb-password-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--action) 8%, transparent);color:var(--ink)}@media (max-width:999px){.login-orbit{overflow:auto}.login-orbit-slot{min-height:clamp(220px,36vh,420px)}}@media (max-width:640px){.login-orbit-layout{flex-flow:column;align-items:stretch}.login-copy{display:contents}.login-copy-lead{order:1;max-width:none}.login-card-wrap{flex:none;order:2;justify-content:flex-start;align-items:flex-start}.login-points{order:3;margin-top:48px}.login-orbit-slot{pointer-events:none;height:auto;min-height:0;position:absolute;inset:0}.login-card{max-width:none}}@media (prefers-reduced-motion:reduce){.login-orbit,.login-orbit *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
