*,
::before,
::after { box-sizing: border-box; }

html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: inherit; }

a { color: inherit; text-decoration: inherit; }
img, svg, video, canvas { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }

body {
  background-color: #F8FAFC;
  color: #1e293b;
  font-family: Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Layout */
.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}
.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}
.w-full{width:100%}.min-h-screen{min-height:100vh}
.flex{display:flex}.inline-table{display:inline-table}.block{display:block}
.grid{display:grid}
.flex-col{flex-direction:column}.flex-grow{flex-grow:1}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}

/* Spacing */
.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-0{padding-top:0}.pb-1{padding-bottom:.25rem}.pt-4{padding-top:1rem}
.mt-0\.5{margin-top:.125rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}
.mt-auto{margin-top:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}
.mb-10{margin-bottom:2.5rem}

/* Typography */
.text-center{text-align:center}
.font-sans{font-family:Inter,sans-serif}
.font-serif{font-family:Merriweather,serif}
.font-display{font-family:"Plus Jakarta Sans",sans-serif}
.font-Roboto{font-family:Roboto,Arial,sans-serif}
.font-bold{font-weight:700}.font-semibold{font-weight:600}
.font-medium{font-weight:500}.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}
.leading-tight{line-height:1.25}.leading-none{line-height:1}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[10px\]{font-size:10px;line-height:1.5}
.text-white{color:#fff}.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}.text-slate-600{color:#475569}
.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}
.text-slate-1000{color:#0f172a}
.text-amber-100{color:#fef3c7}.text-amber-400{color:#fbbf24}
.text-emerald-100{color:#d1fae5}.text-sky-200{color:#bae6fd}
.drop-shadow-md{text-shadow:0 4px 3px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.06)}
.drop-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.05)}

/* Brand colors */
.bg-brand-bg{background-color:#F8FAFC}
.bg-brand-yellow{background-color:#fffef6}
.bg-brand-navy{background-color:#0F2C59}
.bg-brand-heritage{background-color:#1A4D8C}
.bg-brand-teal{background-color:#0284C7}
.bg-brand-amber{background-color:#D97706}
.bg-brand-emerald{background-color:#059669}
.bg-brand-brown{background-color:#d12b04}
.bg-brand-cream{background-color:#757364}
.bg-sky-700{background-color:#0369a1}
.bg-amber-700{background-color:#b45309}
.bg-emerald-700{background-color:#047857}

/* Background */
.bg-cover{background-size:cover}.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}.bg-fixed{background-attachment:fixed}
.bg-gradient-to-b{
  background-image:linear-gradient(to bottom,var(--tw-gradient-stops));
}
.from-brand-navy\/70{
  --tw-gradient-from:rgba(15,44,89,.7);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(15,44,89,0));
}
.via-brand-navy\/25{
  --tw-gradient-stops:var(--tw-gradient-from),rgba(15,44,89,.25),var(--tw-gradient-to,rgba(15,44,89,0));
}
.to-brand-navy\/50{--tw-gradient-to:rgba(15,44,89,.5)}

/* Borders / radius */
.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.border-white\/30{border-color:rgba(255,255,255,.3)}
.border-white\/60{border-color:rgba(255,255,255,.6)}
.border-slate-200{border-color:#e2e8f0}
.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}
.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}
.rounded-md{border-radius:.375rem}.overflow-hidden{overflow:hidden}

/* Effects */
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}
.card-hover:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px -4px rgba(15,44,89,.2);
}
.glass-card{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:150ms;
}

/* Grid */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}

/* Hover states */
.hover\:text-brand-heritage:hover{color:#1A4D8C}
.hover\:text-brand-amber:hover{color:#D97706}
.hover\:bg-brand-heritage:hover{background-color:#1A4D8C}
.hover\:bg-sky-700:hover{background-color:#0369a1}
.hover\:bg-amber-700:hover{background-color:#b45309}
.hover\:bg-emerald-700:hover{background-color:#047857}

/* Responsive */
@media (min-width:640px){
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .sm\:text-base{font-size:1rem;line-height:1.5rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
}
@media (min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Custom rule from the original page */
a.mb-3{
  margin-bottom:10px;
  display:inline-table;
  margin-right:5px;
}

.card-hover {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -4px rgba(15, 44, 89, 0.2);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(8px);
        }
        a.mb-3 {
            margin-bottom:10px;
            display:inline-table;
            margin-right:5px;
        }
		menu, ol, ul {
  list-style: none;
  margin-left:0px;
  padding-left:0px;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.border {
  border: 1px solid #fff;
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}