.login-page{min-height:100dvh;padding:32px 18px calc(40px + env(safe-area-inset-bottom));background:var(--ui-canvas);color:var(--ui-text);place-items:center;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle, var(--ui-primary) 0%, transparent 68%);opacity:.16;border-radius:50%;position:absolute}.login-page:before{width:620px;height:620px;top:-300px;left:-220px}.login-page:after{opacity:.12;width:520px;height:520px;bottom:-260px;right:-230px}.login-card{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:18px;width:100%;max-width:400px;padding:30px 28px 26px;position:relative;box-shadow:0 24px 60px #02081729,0 2px 6px #0208170f}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--ui-primary), transparent);border-radius:18px 18px 0 0;width:calc(100% + 2px);height:3px;position:absolute;inset:-1px auto auto -1px}.login-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-head h1{letter-spacing:-.2px;margin:0;font-size:19px;font-weight:700}.login-head p{color:var(--ui-muted);margin:4px 0 0;font-size:12.5px;line-height:1.6}.login-form{gap:8px;margin-top:22px;display:grid}.login-form label{letter-spacing:.04em;color:var(--ui-muted);font-size:12px;font-weight:700}.login-input{align-items:center;display:flex;position:relative}.login-input>svg{width:16px;height:16px;color:var(--ui-muted);pointer-events:none;position:absolute;left:13px}.login-input input{border:1px solid var(--ui-border);background:var(--ui-control);width:100%;min-height:48px;color:var(--ui-text);letter-spacing:.04em;border-radius:11px;outline:0;padding:12px 46px 12px 38px;font-size:15px}.login-input input::placeholder{letter-spacing:0;color:var(--ui-muted)}.login-input input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-soft)}.login-reveal{width:32px;height:32px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:8px}.login-reveal:hover{color:var(--ui-primary);background:0 0}.login-reveal svg{width:17px;height:17px}.login-submit{background:var(--ui-primary);min-height:48px;color:var(--ui-on-primary,#fff);box-shadow:0 8px 20px var(--ui-primary-soft);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:700;transition:filter .14s;display:inline-flex}.login-submit:hover:enabled{filter:brightness(1.07)}.login-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.login-submit svg{width:17px;height:17px}.login-submit .is-spinning{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{border:1px solid var(--ui-danger-border,#fecaca);background:var(--ui-danger-soft,#fef2f2);color:var(--ui-danger,#dc2626);border-radius:11px;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 13px;font-size:12.5px;line-height:1.6;display:flex}.login-error svg{flex:none;width:15px;height:15px;margin-top:2px}.login-setup{border:1px dashed var(--ui-border-strong);background:var(--ui-surface-2);color:var(--ui-text-2);border-radius:11px;margin-top:16px;padding:13px;font-size:12px;line-height:1.75}.login-setup code{background:var(--ui-control);color:var(--ui-text);border-radius:6px;margin-top:5px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;display:inline-block}.login-foot{border-top:1px solid var(--ui-border);color:var(--ui-muted);align-items:center;gap:7px;margin:18px 0 0;padding-top:15px;font-size:11.5px;line-height:1.6;display:flex}.login-foot svg{flex:none;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.login-submit{transition:none}.login-submit .is-spinning{animation-duration:2.4s}}