.login-page{z-index:2;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.login-page .login-card{background:linear-gradient(180deg, var(--panel-hi), var(--panel));border:1px solid var(--line);border-radius:12px;width:100%;max-width:380px;padding:26px 26px 24px}.login-page .login-head{margin-bottom:22px}.login-page .login-title{font-family:var(--disp);letter-spacing:.06em;color:#e7ecf3;margin:0 0 6px;font-size:20px;font-weight:700}.login-page .login-sub{font-family:var(--mono);letter-spacing:.04em;color:var(--txt-dim);margin:0;font-size:11px}.login-page .login-fields{flex-direction:column;gap:16px;display:flex}.login-page .login-field{flex-direction:column;gap:7px;display:flex}.login-page .login-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-dim);font-size:10px}.login-page .login-input{font-family:var(--sans);color:var(--txt);background:var(--bg2);border:1px solid var(--line);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .16s,box-shadow .16s}.login-page .login-input::placeholder{color:var(--txt-faint)}.login-page .login-input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 3px #2ee6d626}.login-page .login-btn{width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#06231f;background:var(--cyan);border:1px solid var(--cyan);cursor:pointer;border-radius:8px;margin-top:20px;padding:11px 14px;font-size:12px;transition:filter .16s,opacity .16s}.login-page .login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-page .login-btn:disabled{opacity:.5;cursor:default}.login-page .login-error{font-family:var(--mono);letter-spacing:.02em;color:var(--crit);background:#ff5c7812;border:1px solid #ff5c784d;border-radius:8px;margin:0 0 16px;padding:9px 11px;font-size:11px}