:root{--black:#000;--graphite:#1e2126;--titanium:#70757c;--emerald:#0f766e;--silver:#d9dde2;--white:#fff}.login-wrap{background:var(--silver);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--white);border-radius:4px;width:380px;max-width:90vw;padding:48px 44px;box-shadow:0 20px 60px #0000001f}.login-brand-mark{background:var(--emerald);border-radius:4px;width:44px;height:44px;margin-bottom:24px}.login-card h1{font-family:var(--font-fraunces,serif);color:var(--graphite);margin:0 0 4px;font-size:24px;font-weight:500}.login-card .subtitle{color:var(--titanium);margin:0 0 32px;font-size:14px}.field{margin-bottom:18px}.field label{color:var(--titanium);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;display:block}.field input{border:1px solid var(--silver);width:100%;color:var(--graphite);border-radius:4px;padding:11px 12px;font-size:14px}.field input:focus{outline:2px solid var(--emerald);outline-offset:1px;border-color:var(--emerald)}.error-text{color:#b91c1c;margin:-8px 0 14px;font-size:13px}.btn-primary{background:var(--emerald);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:13px;font-size:14px;font-weight:500}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:var(--titanium);margin-top:28px;font-size:12px}