.login-page{position:relative;display:grid;min-height:100dvh;place-items:center;padding:32px 18px 68px;overflow:hidden}.login-page:before{position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--nexus-accent) 0 34%,var(--nexus-blue) 34% 67%,var(--nexus-green) 67% 100%);content:""}.login-surface{width:min(100%,420px);padding:28px;border:1px solid var(--nexus-line);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:var(--nexus-shadow)}.login-brand{display:flex;align-items:center;gap:11px}.login-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--nexus-accent);border-radius:50%;color:var(--nexus-accent);font-family:var(--font-literary);font-size:22px;font-weight:700}.login-brand span,.login-brand strong{display:block}.login-brand strong{font-family:var(--font-literary);font-size:18px}.login-brand div span{margin-top:1px;color:var(--nexus-muted);font-family:var(--font-utility);font-size:8px;text-transform:uppercase}.login-spine{position:relative;display:grid;grid-template-columns:8px 1fr 8px 1fr 8px auto;align-items:center;gap:7px;margin:34px 0 30px;color:var(--nexus-muted);font-size:10px}.login-spine:before{position:absolute;z-index:0;top:50%;right:0;left:0;height:1px;background:var(--nexus-line);content:""}.login-spine i,.login-spine span{position:relative;z-index:1;background:var(--nexus-surface)}.login-spine i{width:8px;height:8px;border:2px solid var(--nexus-green);border-radius:50%}.login-spine span{padding-right:4px}.login-heading span{color:var(--nexus-accent);font-family:var(--font-utility);font-size:10px}.login-heading h1{margin:5px 0 24px;font-family:var(--font-literary);font-size:31px;line-height:1.2}.login-form{display:grid;gap:15px}.login-form label>span{display:block;margin-bottom:7px;color:var(--nexus-muted);font-size:11px;font-weight:600}.login-form input{width:100%;height:43px;padding:0 12px;border:1px solid var(--nexus-line);border-radius:6px;background:var(--nexus-paper);font-size:13px}.password-field{position:relative}.password-field svg{position:absolute;top:13px;left:12px;width:16px;height:16px;color:var(--nexus-muted)}.password-field input{padding-left:38px}.login-error{margin:0;padding:9px 11px;border-left:2px solid var(--nexus-red);background:var(--nexus-red-soft);color:var(--nexus-red);font-size:11px}.login-submit{display:flex;align-items:center;justify-content:space-between;height:44px;margin-top:4px;padding:0 14px;border:0;border-radius:6px;background:var(--nexus-ink);color:white;font-size:12px;font-weight:650}.login-submit:hover{background:#363834}.login-submit:disabled{cursor:wait;opacity:.72}.login-submit svg{width:17px;height:17px}.spin{animation:spin .9s linear infinite}.login-footer{position:absolute;right:22px;bottom:18px;left:22px;display:flex;justify-content:space-between;color:var(--nexus-faint);font-family:var(--font-utility);font-size:8px;text-transform:uppercase}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-surface{padding:22px}}