.auth-page{--auth-fg:var(--sl-ink);--auth-fg-mute:var(--sl-body);--auth-fg-faint:var(--sl-faint);--auth-border:var(--sl-line);--auth-border-strong:#d4d4d4;--auth-bg:var(--sl-bg);--auth-bg-soft:var(--sl-wash);--auth-bg-card:#fff;--auth-brand:#171717;--auth-accent:#171717;--auth-accent-fg:#fff;--auth-grid:#f2f2f2;--auth-glow:rgba(23,23,23,.05);--auth-radius:10px;--auth-ease:ease;--auth-font-sans:inherit;--auth-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--auth-shadow-lg:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);background:var(--auth-bg);flex-direction:column;min-height:100vh;display:flex}.auth-main{flex:1;justify-content:center;align-items:center;padding:64px 24px 56px;display:flex;position:relative;overflow:hidden}.auth-main:before{content:"";background-image:linear-gradient(to right,var(--auth-grid)1px,transparent 1px),linear-gradient(to bottom,var(--auth-grid)1px,transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,transparent 70%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,transparent 70%)}.auth-stack{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex;position:relative}.auth-card{background:var(--auth-bg-card);border:1px solid var(--auth-border);border-radius:var(--auth-radius);box-shadow:var(--auth-shadow-lg);padding:36px 32px 32px}.auth-card-mark{border-radius:7px;width:36px;height:36px;margin-bottom:22px;display:block}.auth-title{letter-spacing:-.018em;color:var(--auth-fg);margin:0;font-size:22px;font-weight:600;line-height:1.2}.auth-desc{color:var(--auth-fg-mute);margin:6px 0 24px;font-size:14px;line-height:1.5}.auth-desc strong{color:var(--auth-fg);font-weight:500}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--auth-fg);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.auth-label-aux{color:var(--auth-fg-mute);cursor:pointer;transition:color .15s var(--auth-ease);background:0 0;border:0;padding:0;font-family:inherit;font-size:12px}.auth-label-aux:hover{color:var(--auth-fg)}.auth-input{border:1px solid var(--auth-border);height:38px;color:var(--auth-fg);font-family:var(--auth-font-sans);transition:border-color .15s var(--auth-ease),box-shadow .15s var(--auth-ease);background:0 0;border-radius:8px;outline:none;width:100%;padding:0 12px;font-size:14px}.auth-input::placeholder{color:var(--auth-fg-faint)}.auth-input:hover{border-color:var(--auth-border-strong)}.auth-select{border:1px solid var(--auth-border);height:38px;color:var(--auth-fg);font-family:var(--auth-font-sans);transition:border-color .15s var(--auth-ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:8px;outline:none;width:100%;padding:0 32px 0 12px;font-size:14px}.auth-select:focus{border-color:var(--auth-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-brand)20%,transparent)}.auth-pillgroup{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-pill{border:1px solid var(--auth-border);height:38px;color:var(--auth-fg-mute);font-family:var(--auth-font-sans);cursor:pointer;transition:border-color .15s var(--auth-ease),background .15s var(--auth-ease),color .15s var(--auth-ease);text-transform:capitalize;background:0 0;border-radius:8px;font-size:14px}.auth-pill:hover{background:var(--auth-bg-soft);color:var(--auth-fg)}.auth-pill.is-active{border-color:var(--auth-brand);background:color-mix(in srgb,var(--auth-brand)10%,transparent);color:var(--auth-fg)}.auth-check{color:var(--auth-fg-mute);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:2px;font-size:13px;line-height:1.5;display:flex}.auth-check input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--auth-brand);flex-shrink:0;margin:0}.auth-check a{color:var(--auth-fg);text-underline-offset:3px;text-decoration:underline}.auth-check a:hover{opacity:.8}.auth-submit{background:var(--auth-accent);height:40px;color:var(--auth-accent-fg);font-family:var(--auth-font-sans);cursor:pointer;transition:opacity .2s var(--auth-ease),transform .2s var(--auth-ease);border:1px solid transparent;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;font-size:14px;font-weight:500;display:inline-flex}.auth-submit:hover:not(:disabled){opacity:.92}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#eb5757;margin:0;font-size:13px}.auth-meta{text-align:center;color:var(--auth-fg-mute);margin-top:22px;font-size:13px}.auth-meta a,.auth-meta button{color:var(--auth-fg);text-underline-offset:4px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.auth-meta a:hover,.auth-meta button:hover{opacity:.8}.auth-live{color:var(--auth-fg-mute);align-items:center;gap:8px;margin:14px 0 0;font-size:12px;display:flex}.auth-live-dot{background:var(--auth-fg-mute);width:6px;height:6px;animation:hp-live-dot 1.6s var(--auth-ease)infinite;border-radius:50%;flex:none}@keyframes hp-live-dot{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.auth-live-dot{opacity:.6;animation:none}}.auth-card:has(.auth-maintenance)+.auth-fine{display:none}.auth-fine{text-align:center;font-family:var(--auth-font-mono);color:var(--auth-fg-faint);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.6}.auth-fine a,.auth-fine button{color:var(--auth-fg-mute);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-fine a:hover,.auth-fine button:hover{color:var(--auth-fg)}.auth-input-code{height:48px;font-family:var(--auth-font-mono);text-align:center;letter-spacing:.32em;padding-left:.32em;font-size:20px}.auth-input-code::placeholder{letter-spacing:.32em}.auth-back{font-family:var(--auth-font-sans);color:var(--auth-fg-mute);cursor:pointer;transition:color .15s var(--auth-ease);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-size:13px;display:inline-flex}.auth-back:hover{color:var(--auth-fg)}@media (max-width:540px){.auth-main{padding:32px 16px}.auth-card{padding:28px 22px 24px}}.auth-title{font-family:var(--sl-serif);letter-spacing:-.02em;font-size:26px;font-weight:400}.auth-submit{border-radius:var(--auth-radius);border-color:var(--auth-accent);transition:transform .15s,background-color .15s;box-shadow:inset 0 1px rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.2)}.auth-submit:hover:not(:disabled){opacity:1;background:#333}.auth-submit:active:not(:disabled){transform:scale(.97)}.auth-input:focus{border-color:var(--auth-border-strong);box-shadow:0 0 0 3px var(--auth-glow)}