.login{background:var(--color-paper);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.login__backdrop{filter:blur(6px)saturate(115%);opacity:.85;background:url(/login/backdrop.jpg) 50%/cover no-repeat;position:absolute;inset:-24px}.login__backdrop:after{content:"";background:radial-gradient(70% 70%,#f3f0e859,#f3f0e8cc);position:absolute;inset:0}.login__card{width:min(400px,100%);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-panel);color:var(--color-ink);animation:intro-rise .9s var(--ease-out-expo) both;background:#fffdf8b8;border:1px solid #ffffffb3;border-radius:28px;flex-direction:column;gap:14px;padding:30px 28px 24px;display:flex;position:relative}.login__brand{font-family:var(--font-display);letter-spacing:.24em;margin:0;font-size:.95rem;font-weight:700}.login__brand span{border-left:1px solid var(--color-glass-line);font-family:var(--font-ui);letter-spacing:0;color:var(--color-ink-soft);margin-left:8px;padding-left:10px;font-weight:500}.login__title{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 0;font-size:2rem;line-height:1.05}.login__lead{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0 0 6px;line-height:1.5}.login__field{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-ink-soft);flex-direction:column;gap:6px;font-weight:600;display:flex}.login__field input{border-radius:var(--radius-chip);color:var(--color-ink);font:500 var(--text-base) var(--font-ui);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#fffdf8e6;border:1px solid #292b2629;padding:12px 16px}.login__field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft);outline:none}.login__error{color:var(--color-critical);font-size:var(--text-sm);background:#b4472f1a;border-radius:14px;margin:0;padding:10px 14px}.login__submit{border-radius:var(--radius-chip);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-base);transition:background var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);border:0;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 20px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px -10px #576349b3}.login__submit:hover{background:#4a5540}.login__submit:active{transform:scale(.97)}.login__hint{text-align:center;font-size:var(--text-xs);color:var(--color-ink-soft);margin:0}@keyframes intro-rise{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(.98)}}