@font-face { font-family: "DM Sans"; src: url("fonts/dm-sans-variable.ttf") format("truetype"); font-weight: 100 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
:root {
  --sans: "DM Sans", "Segoe UI", sans-serif;
  --serif: "Instrument Serif", Georgia, serif;
  --ink: #162e3c;
  --soft: #4e6370;
  --navy: #142f40;
  --navy2: #214759;
  --paper: #f6f3ec;
  --gold: #a27637;
  --gold2: #dab67a;
  --line: #d9dfde;
}
body { font-family: var(--sans); font-optical-sizing: auto; }
.brand { font-family: var(--sans); }
.brand-mark i { background: #b88c4c; }
.login-card h2, .auth-panel h2, .panel-head h3, .legal-intro h1 { font-family: var(--serif); font-weight: 400; }
.auth-brand, .login-story { background: linear-gradient(145deg, #142f40eb, #142f40bd), url("einvest-perspective-20260831.webp") center / cover; }
.auth-brand:after, .login-story:after { display: none; }
.auth-brand h1, .login-story h1 { font-family: var(--serif); font-weight: 400; letter-spacing: -.015em; }
.auth-brand h1 em, .login-story h1 em { color: #e6c997; font-weight: 400; }
.auth-brand-copy>p, .login-story p { color: #d5e1e6; }
.auth-panel, .login-panel { background: var(--paper); }
.auth-card, .login-card { box-shadow: 0 15px 50px #142f400d; border-color: #d9dfde; }
.login-button, .gold-button, .export-button { color: #fff; background: var(--navy); font-weight: 600; box-shadow: 0 8px 22px #142f4015; }
.login-button:hover, .gold-button:hover, .export-button:hover { background: #285165; box-shadow: 0 10px 25px #142f4020; }