.auth{--a-bg:var(--bg);--a-surface:var(--surface);--a-field:var(--surface-2);--a-line:var(--border);--a-line-strong:var(--border-strong);--a-text:var(--text);--a-muted:var(--text-muted);--a-accent:var(--accent);--a-accent-strong:var(--accent-hover);--a-on-accent:var(--on-accent);--lp-accent:var(--accent);background:var(--a-bg);min-height:100dvh;color:var(--a-text);font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.auth h1{color:var(--a-text);letter-spacing:-.02em;margin:0;font-weight:600}.auth a{color:inherit;text-decoration:none}.auth :focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}.auth-brand{border-right:1px solid var(--a-line);background:radial-gradient(ellipse 70% 60% at 40% 55%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--a-surface);isolation:isolate;flex-direction:column;justify-content:space-between;padding:40px clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-grid{z-index:-1;background-image:linear-gradient(var(--a-line) 1px,transparent 1px),linear-gradient(90deg,var(--a-line) 1px,transparent 1px);background-size:56px 56px;animation:18s linear infinite auth-grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 45%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 45%,#000 30%,#0000 80%)}@keyframes auth-grid{to{background-position:56px 56px,56px 56px}}.auth-brand-top{flex-direction:column;line-height:1;display:flex}.auth-brand-top strong{letter-spacing:.16em;font-size:22px;font-weight:700}.auth-brand-top span{letter-spacing:.42em;color:var(--a-muted);margin-top:5px;font-size:9px}.auth-tool{filter:drop-shadow(0 30px 40px #0000008c);width:118%;margin-left:-4%;animation:1.2s cubic-bezier(.16,1,.3,1) both auth-tool-in;transform:rotate(-14deg)}@keyframes auth-tool-in{0%{opacity:0;transform:translate(18%)rotate(-4deg)}to{opacity:1;transform:rotate(-14deg)}}.auth-tool .flute-bands{fill:#0b0e11;fill-opacity:.55;stroke:#ffffff38;stroke-width:1px;animation:1.4s linear infinite auth-spin}@keyframes auth-spin{to{transform:translateX(calc(var(--period) * -1))}}.auth-tool .chip{fill:var(--a-accent);transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.1s cubic-bezier(.2,.7,.3,1) infinite auth-chip}@keyframes auth-chip{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}.auth-brand-copy p{letter-spacing:-.02em;max-width:420px;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.15}.auth-brand-copy span{letter-spacing:.22em;color:var(--a-accent);margin-top:14px;font-size:11px;font-weight:600;display:block}.auth-panel{flex-direction:column;padding:28px clamp(20px,4vw,56px);display:flex}.auth-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-back{min-height:40px;color:var(--a-muted);align-items:center;gap:8px;font-size:14px;transition:color .15s;display:inline-flex}.auth-back:hover{color:var(--a-text)}.auth-lang{border:1px solid var(--a-line);border-radius:999px;gap:2px;padding:3px;display:flex}.auth-lang button{min-width:36px;height:30px;color:var(--a-muted);font:600 12px var(--font-sans);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;transition:background .15s,color .15s}.auth-lang button:hover{color:var(--a-text)}.auth-lang button[aria-pressed=true]{background:var(--a-accent);color:var(--a-on-accent)}.auth-card{width:100%;max-width:400px;margin:auto;padding:24px 0;animation:.7s cubic-bezier(.16,1,.3,1) .1s both auth-rise}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-kicker{letter-spacing:.22em;color:var(--a-accent);margin:0 0 16px;font-size:12px;font-weight:600}.auth-card h1{font-size:clamp(28px,3vw,36px);line-height:1.1}.auth-sub{color:var(--a-muted);margin:10px 0 32px;font-size:15px}.auth-field{color:var(--a-muted);flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.auth-field input{border:1px solid var(--a-line-strong);background:var(--a-field);width:100%;height:48px;color:var(--a-text);font:400 15px var(--font-sans);border-radius:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.auth-field input:hover{border-color:#ffffff47}.auth-field input:focus{border-color:var(--a-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);outline:none}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--a-text);box-shadow:0 0 0 40px var(--a-field) inset;caret-color:var(--a-text)}.auth-password{display:block;position:relative}.auth-password input{padding-right:52px}.auth-eye{width:40px;height:40px;color:var(--a-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.auth-eye:hover{color:var(--a-text);background:#ffffff0f}.auth-hint{color:var(--a-accent);margin:-6px 0 14px;font-size:13px}.auth-error{color:#f7a3a3;background:#f070701a;border:1px solid #f0707059;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:14px}.auth-submit{background:var(--a-accent);width:100%;height:50px;color:var(--a-on-accent);font:600 15px var(--font-sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:6px;transition:background .18s,transform .18s;display:flex}.auth-submit:hover{background:var(--a-accent-strong)}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.7;cursor:progress}.auth-spin{animation:.8s linear infinite auth-rotate}@keyframes auth-rotate{to{transform:rotate(360deg)}}.auth-foot{text-align:center;color:var(--a-muted);margin:0;font-size:12px}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-brand{display:none}.auth-panel{background:radial-gradient(ellipse 90% 50% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--a-bg)}}@media (prefers-reduced-motion:reduce){.auth *,.auth-grid{transition:none!important;animation:none!important}.auth-tool .chip{display:none}.auth-tool{transform:rotate(-14deg)}}body main.auth{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}