/* Optimum Finance — shared styling for the two-step estate flow.
   Extracted verbatim from the source design; only the @font-face blocks
   changed (self-hosted latin subset instead of 8 inlined faces). */

/* Figtree + Outfit are VARIABLE fonts — one file each covers every weight the
   design uses (Figtree 400-700, Outfit 500-800), which is why 2 files replace
   the original 8 @font-face declarations. latin-ext is dropped: the audience
   is US, and it was 25KB of the payload. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('./fonts/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('./fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  margin: 0;
  background: #F6F1E7;
  font-family: 'Figtree', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #2B3229;
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}
a { color: #1E4D36; }
a:hover { color: #163B29; }

@keyframes rise { from { transform: translateY(22px); opacity: 0 } to { transform: translateY(0); opacity: 1 } }
@keyframes pop  { 0% { transform: scale(0); opacity: 0 } 70% { transform: scale(1.12) } 100% { transform: scale(1); opacity: 1 } }
@keyframes ring {
  0%, 100% { box-shadow: 0 10px 26px rgba(30,77,54,.35), 0 0 0 0 rgba(30,77,54,.35) }
  50%      { box-shadow: 0 12px 30px rgba(30,77,54,.45), 0 0 0 14px rgba(30,77,54,0) }
}
@keyframes blink { 0%, 100% { opacity: 1 } 50% { opacity: .25 } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }