.login-scene{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-base);font-family:var(--font-ui);color:var(--text-primary);position:relative;overflow:hidden}.login-scene.dark{background:radial-gradient(ellipse 60% 40% at 18% 12%,rgba(255,143,79,.14),transparent 60%),radial-gradient(ellipse 40% 30% at 90% 85%,rgba(255,143,79,.05),transparent 60%),#0D0D10}.login-scene.light{background:linear-gradient(180deg,#FFFFFF,#FAFAF8);color:#0D0D10;--bg-elevated:#FFFFFF;--border-subtle:rgba(13,13,16,0.06);--border-default:rgba(13,13,16,0.12);--text-primary:#0D0D10;--text-secondary:#4A4A56;--text-tertiary:#7A7A88;--text-quaternary:#A8A8B0;--text-accent:#E86A1F;--shadow-lg:0 20px 50px rgba(13,13,16,0.10);--danger-tint:rgba(251,113,133,0.06)}.login-scene.dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:48px 48px;pointer-events:none}.login-wrap{position:relative;width:100%;max-width:400px;gap:32px}.login-brand,.login-wrap{display:flex;flex-direction:column;align-items:center}.login-brand{gap:10px;text-align:center}.login-logo{height:20px;opacity:.75;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-scene.dark .login-logo{filter:invert(1)}.login-heading{font-family:var(--font-display);font-size:40px;line-height:44px;font-weight:600;letter-spacing:-.02em;background:linear-gradient(135deg,#FF8F4F,#FFA572);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.login-kicker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}.login-card{width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);gap:14px}.field,.login-card{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.input{height:44px;padding:0 14px;background:transparent;border:1px solid var(--border-default);border-radius:8px;font-family:var(--font-ui);font-size:14px;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);outline:none}.input::-moz-placeholder{color:var(--text-quaternary)}.input::placeholder{color:var(--text-quaternary)}.input:hover{border-color:rgba(255,143,79,.35)}.input.focused{border-color:#FF8F4F;box-shadow:0 0 0 3px rgba(255,143,79,.15)}.input.invalid{border-color:rgba(251,113,133,.5)}.btn-primary-xl{height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#FF8F4F,#FFA572);color:#1A0F08;font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 10px rgba(255,143,79,.35),0 0 30px rgba(255,143,79,.12);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary-xl:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 14px rgba(255,143,79,.45),0 0 40px rgba(255,143,79,.18)}.btn-primary-xl:disabled{opacity:.5;cursor:wait}.forgot{align-self:center;margin-top:6px;font-size:12px;color:var(--text-tertiary);text-decoration:none;border-bottom:1px dotted var(--text-quaternary);padding-bottom:1px;cursor:pointer;line-height:16px}.forgot:hover{color:var(--text-secondary);border-bottom-color:var(--text-tertiary)}.error-banner{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:var(--danger-tint);border:1px solid rgba(251,113,133,.3);color:#FB7185;font-size:13px;line-height:20px;margin-bottom:6px}.error-banner .icon{flex-shrink:0;margin-top:1px}.error-banner strong{font-weight:600;display:block;margin-bottom:2px;color:#FB7185}.error-banner span{color:var(--text-secondary)}.login-scene.dark .error-banner span{color:#E6BEC4}@keyframes heart-spin{to{transform:rotate(1turn)}}.spinner{width:16px;height:16px;animation:heart-spin .8s linear infinite}.login-foot{font-size:11px;color:var(--text-quaternary);text-align:center;max-width:320px;line-height:16px}.login-foot a{color:var(--text-tertiary);text-decoration:underline;text-decoration-style:dotted}.state-tag{position:absolute;top:18px;left:18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-quaternary);padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;z-index:2}