@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
  --navy:        #0B2545;
  --navy-mid:    #13406B;
  --navy-light:  #1A5490;
  --accent:      #3B7DD8;
  --accent-dark: #2D64B0;
  --gold:        #C89B3C;
  --gold-dark:   #A87E2A;
  --white:       #FFFFFF;
  --off-white:   #F7F9FC;
  --grey-light:  #E8EDF4;
  --grey-mid:    #C4CDD8;
  --grey-text:   #6B7B8D;
  --text:        #1A1A2E;
  --text-light:  #445566;

  --font-head: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  --page-max: 1180px;
  --radius:   6px;
  --radius-lg: 12px;

  --shadow-sm:  0 1px 4px rgba(11,37,69,.08);
  --shadow-md:  0 4px 20px rgba(11,37,69,.12);
  --shadow-lg:  0 12px 40px rgba(11,37,69,.18);
  --ease:       .2s ease;

  --wa-navy:        #0B2545;
  --wa-navy-mid:    #13406B;
  --wa-red:         #3B7DD8;
  --wa-red-dark:    #2D64B0;
  --wa-text:        #1A1A2E;
  --wa-muted:       #6B7B8D;
  --wa-border:      #E4EAF1;
  --wa-grad-brand:  linear-gradient(135deg,#0B2545 0%,#1A5490 100%);
  --wa-grad-btn:    linear-gradient(135deg,#3B7DD8 0%,#2D64B0 100%);
  --wa-grad-navy:   linear-gradient(135deg,#0B2545 0%,#13406B 100%);
  --wa-grad-soft:   rgba(59,125,216,.06);
  --wa-glow-mix:    0 12px 36px rgba(11,37,69,.32),0 4px 12px rgba(59,125,216,.18);
  --wa-glow-red:    0 4px 14px rgba(59,125,216,.3);
  --wa-glow-red-lg: 0 8px 26px rgba(59,125,216,.38);
  --wa-glow-navy:   0 6px 18px rgba(11,37,69,.38);
  --wa-ease-bounce: cubic-bezier(.34,1.56,.64,1);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--text); background: #fff; font-size: 14px; line-height: 1.6; }
a { text-decoration: none; color: inherit; cursor: pointer; }
img { display: block; }
button { font-family: var(--font-body); cursor: pointer; }