.ui-auth-split{background:var(--color-canvas);grid-template-columns:1fr;height:100dvh;display:grid;position:relative;overflow-y:auto}@media (min-width:900px){.ui-auth-split{grid-template-columns:1.05fr 1fr}}.ui-auth-theme{z-index:30;position:fixed;top:20px;right:20px}.ui-auth-brand{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;padding:52px;display:none;position:relative;overflow:hidden}@media (min-width:900px){.ui-auth-brand{display:flex}}@property --ui-auth-gp{syntax:"<percentage>";inherits:false;initial-value:-20%}.ui-auth-dotfield{z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--color-border-strong) 1px, transparent 1.7px);opacity:.85;background-size:26px 26px;position:absolute;inset:0}.ui-auth-dotglow{z-index:0;pointer-events:none;opacity:.5;transition:opacity .6s var(--ease-ui);background-image:radial-gradient(circle, var(--color-accent) 2px, transparent 2.8px);-webkit-mask-image:linear-gradient(135deg, transparent 0%, transparent calc(var(--ui-auth-gp) - 16%), #0000008c var(--ui-auth-gp), transparent calc(var(--ui-auth-gp) + 16%), transparent 100%);-webkit-mask-image:linear-gradient(135deg, transparent 0%, transparent calc(var(--ui-auth-gp) - 16%), #0000008c var(--ui-auth-gp), transparent calc(var(--ui-auth-gp) + 16%), transparent 100%);mask-image:linear-gradient(135deg, transparent 0%, transparent calc(var(--ui-auth-gp) - 16%), #0000008c var(--ui-auth-gp), transparent calc(var(--ui-auth-gp) + 16%), transparent 100%);background-size:26px 26px;animation:9s linear infinite alternate ui-auth-drift;position:absolute;inset:0}.ui-auth-brand.is-hover .ui-auth-dotglow{opacity:0}@keyframes ui-auth-drift{0%{--ui-auth-gp:-20%}to{--ui-auth-gp:120%}}.ui-auth-dotlens{z-index:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-ui);background-image:radial-gradient(circle, var(--color-accent) 2px, transparent 2.8px);-webkit-mask-image:radial-gradient(circle 200px at var(--ui-auth-mx,-999px) var(--ui-auth-my,-999px), #000 0%, #0009 30%, #00000026 60%, transparent 90%);-webkit-mask-image:radial-gradient(circle 200px at var(--ui-auth-mx,-999px) var(--ui-auth-my,-999px), #000 0%, #0009 30%, #00000026 60%, transparent 90%);mask-image:radial-gradient(circle 200px at var(--ui-auth-mx,-999px) var(--ui-auth-my,-999px), #000 0%, #0009 30%, #00000026 60%, transparent 90%);background-size:26px 26px;position:absolute;inset:0}.ui-auth-brand.is-hover .ui-auth-dotlens{opacity:.7}.ui-auth-brand:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, var(--color-surface), transparent 20%, transparent 55%, color-mix(in srgb, var(--color-surface) 88%, transparent));position:absolute;inset:0}.ui-auth-wordmark{font-family:var(--type-sans);letter-spacing:-.01em;color:var(--color-accent);font-size:22px;font-weight:700}.ui-auth-brand-desc{max-width:32ch;color:var(--color-ink-secondary);margin-top:14px;font-size:14px;line-height:1.6}.ui-auth-brand-top,.ui-auth-brand-mid{z-index:2;position:relative}.ui-auth-brand-mid{margin-top:auto}.ui-auth-foot{align-items:center;gap:8px;margin-top:32px;display:flex}.ui-auth-foot-dot{background:var(--color-danger);border-radius:50%;width:6px;height:6px}.ui-auth-form-side{justify-content:center;align-items:center;padding:32px;display:flex}.ui-auth-form-wrap{width:100%;max-width:360px}.ui-auth-h1{letter-spacing:-.02em;color:var(--color-accent);margin-top:6px;font-size:22px;font-weight:500}.ui-auth-subtitle{color:var(--color-ink-secondary);margin-top:5px;font-size:13px}.ui-auth-form{flex-direction:column;gap:16px;margin-top:28px;display:flex}.ui-auth-field{flex-direction:column;gap:7px;display:flex}.ui-auth-field>label,.ui-auth-field-row label{color:var(--color-ink-secondary);font-size:12px;font-weight:500}.ui-auth-field-row{justify-content:space-between;align-items:center;display:flex}.ui-auth-forgot{color:var(--color-ink-secondary);cursor:pointer;background:0 0;border:none;font-size:12px}.ui-auth-forgot:hover{color:var(--color-ink)}.ui-auth2-input{border:1px solid var(--color-border);background:var(--color-canvas);height:46px;color:var(--color-ink);width:100%;transition:border-color .18s var(--ease-ui), box-shadow .18s var(--ease-ui);border-radius:11px;padding:0 14px;font-size:14px}.ui-auth2-input::placeholder{color:var(--color-ink-tertiary)}.ui-auth2-input:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ink) 8%, transparent);outline:none}.ui-auth-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:14px;font-weight:500;transition:opacity .18s,background .18s,border-color .18s;display:flex}.ui-auth-btn:disabled{opacity:.5;cursor:default}.ui-auth-btn-primary{background:var(--color-accent);color:var(--color-canvas);border-color:var(--color-accent)}.ui-auth-btn-primary:hover:not(:disabled){opacity:.9}.ui-auth-btn-ghost{color:var(--color-ink);border-color:var(--color-border);background:0 0}.ui-auth-btn-ghost:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-raised)}.ui-auth-or{align-items:center;gap:14px;display:flex}.ui-auth-or:before,.ui-auth-or:after{content:"";background:var(--color-border);flex:1;height:1px}.ui-auth-or span{font-family:var(--type-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-tertiary);font-size:10px}.ui-auth-msg{border:1px solid var(--color-border);border-radius:9px;padding:10px 12px;font-size:12px}.ui-auth-msg-error{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:var(--color-danger-muted)}.ui-auth-msg-info{color:var(--color-ink-secondary)}.ui-auth-gloss{margin-top:22px}.ui-auth-gloss-stack{min-height:88px;position:relative}.ui-auth-term{opacity:0;transition:opacity .6s var(--ease-ui), transform .6s var(--ease-ui);pointer-events:none;position:absolute;inset:0;transform:translateY(10px)}.ui-auth-term.is-active{opacity:1;transform:none}.ui-auth-term h2{letter-spacing:-.01em;color:var(--color-accent);font-size:22px;font-weight:500}.ui-auth-term p{color:var(--color-ink-secondary);max-width:40ch;margin-top:8px;font-size:13px;line-height:1.55}@media (prefers-reduced-motion:reduce){.ui-auth-dotglow{animation:none}.ui-auth-term{transition:none}}
