.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.login-page__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.login-page__orb--1{width:600px;height:600px;top:-25%;left:-12%;background:var(--accent);opacity:.12;animation:login-orb-drift 22s ease-in-out infinite}.login-page__orb--2{width:450px;height:450px;bottom:-22%;right:-10%;background:var(--accent-2);opacity:.08;animation:login-orb-drift 17s ease-in-out infinite;animation-delay:-9s}@keyframes login-orb-drift{0%,to{transform:translate(0)}50%{transform:translate(24px,-18px)}}@media (prefers-reduced-motion:reduce){.login-page__orb{animation:none}}.login-card{position:relative;z-index:1;width:100%;max-width:400px;padding:clamp(2rem,4vw,2.5rem) clamp(1.5rem,4vw,2rem);border-radius:20px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--accent) 4%,var(--surface));box-shadow:var(--shadow)}.login-card .wc-logo{margin-bottom:2rem}.login-card h1{font-size:var(--text-h2);margin:0 0 .4rem}.login-sub{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--muted);margin:0 0 1.75rem}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.field label{font-size:.78rem;font-weight:700;color:var(--muted)}.field input{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:.7rem .9rem;color:var(--text);font-family:var(--font-body);font-size:.9rem;outline:0;transition:border-color .15s ease,background .15s ease}.field input::-moz-placeholder{color:var(--ink-faint)}.field input::placeholder{color:var(--ink-faint)}.field input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.15)}.login-submit{width:100%;margin-top:.5rem}.alert{padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.alert--success{background:#22c55e1a;border-color:#22c55e40;color:#4ade80}.back-link{display:block;text-align:center;margin-top:1.5rem;font-size:.8rem;color:var(--muted);text-decoration:none;transition:color .15s ease}.back-link:hover{color:var(--text)}