/* ==========================================
   FMIT - Global Design Tokens & Base Styles
   ========================================== */
:root {
  --blue: #003399;
  --blue2: #0066CC;
  --sky: #4AA7D8;
  --gold: #FFD21A;
  --gold2: #ffdd4d;
  --navy: #102A56;
  --navy2: #0b1f42;
  --light: #F2F7FC;
  --white: #ffffff;
  --ink: #16233f;
  --muted: #5b6c86;
  --line: rgba(16, 42, 86, 0.10);
  --font-h: 'Archivo', system-ui, sans-serif;
  --font-b: 'Public Sans', system-ui, sans-serif;
  --shadow-sm: 0 2px 10px rgba(16, 42, 86, 0.06);
  --shadow-md: 0 14px 40px rgba(16, 42, 86, 0.10);
  --shadow-lg: 0 30px 70px rgba(16, 42, 86, 0.16);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  margin: 0;
  font-family: var(--font-b);
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-h);
  margin: 0;
  line-height: 1.05;
  letter-spacing: -0.01em;
}

p {
  margin: 0;
}

a {
  color: var(--blue2);
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

a:hover {
  color: var(--blue);
}

::selection {
  background: rgba(74, 167, 216, 0.28);
}

img {
  display: block;
  max-width: 100%;
}

input,
textarea {
  font-family: var(--font-b);
  font-size: 15.5px;
  color: var(--ink);
}

input::placeholder,
textarea::placeholder {
  color: #9aa7bb;
}

@keyframes heroZoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.09);
  }
}

@keyframes heroLine {
  from {
    opacity: 0;
    transform: translateY(120%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes underGrow {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes floatY {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-26px);
  }
}

@keyframes fadeSoft {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

[data-desktop-nav] {
  display: flex;
}

[data-hamburger] {
  display: none;
}

@media(max-width: 1000px) {
  [data-desktop-nav] {
    display: none !important;
  }

  [data-hamburger] {
    display: flex !important;
  }
}

@media(min-width: 1001px) {
  [data-mobile-menu] {
    display: none !important;
  }
}


.footer-bottom-bar {
  border-top: 1px solid rgba(255, 255, 255, .14);
  margin-top: 52px;
  padding-top: 26px;
  font-size: 14px;
  color: rgba(255, 255, 255, .55);
}

.footer-link {
  color: rgba(255, 255, 255, .72);
}

.footer-link-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
}

.footer-title {
  font-family: var(--font-h);
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.footer-title.mt-md {
  font-family: var(--font-h);
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 24px 0 16px;
}

.fmit-footer-text-1 {
  font-size: 15px;
  max-width: 320px;
}

.fmit-footer-img-2 {
  height: 42px;
  filter: brightness(0) invert(1);
  margin-bottom: 20px;
}

.fmit-footer-block-3 {
  min-width: 240px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 40px;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}

.site-footer {
  background: var(--navy2);
  color: rgba(255, 255, 255, .72);
  padding: 72px 0 32px;
}

.fmit-section-block-4 {
  stroke-width: 2.2;
}

.fmit-section-link-5 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  padding: 16px 32px;
  border-radius: 11px;
}

.fmit-section-flex-6 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 34px;
}

.fmit-section-text-7 {
  color: rgba(255, 255, 255, .85);
  font-size: 18px;
  max-width: 600px;
  margin: 20px auto 0;
}

.fmit-section-title-8 {
  font-size: clamp(30px, 4.2vw, 50px);
  font-weight: 800;
  color: #fff;
}

.fmit-section-block-9 {
  width: 64px;
  height: 5px;
  background: var(--gold);
  border-radius: 3px;
  margin: 0 auto 26px;
}

.fmit-section-block-10 {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 110px) 32px;
  text-align: center;
}

.fmit-element-block-11 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(120deg, var(--navy2) 0%, var(--navy) 45%, var(--blue) 120%);
}

.fmit-section-text-12 {
  color: var(--muted);
  margin-top: 8px;
  font-size: 15px;
}

.fmit-section-title-13 {
  font-size: 21px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-14 {
  stroke-width: 1.6;
}

.fmit-section-flex-15 {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  margin-bottom: 18px;
}

.fmit-section-block-16 {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 32px;
}

.fmit-section-grid-17 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
  margin-top: 48px;
}

.fmit-section-title-18 {
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  color: var(--navy);
  margin-top: 14px;
}

.fmit-section-block-19 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--blue2);
}

.fmit-section-block-20 {
  max-width: 720px;
}

.section-padding {
  padding: clamp(64px, 8vw, 110px) 0;
}

.fmit-section-block-21 {
  color: var(--muted);
  font-weight: 600;
  margin-top: 6px;
}

.fmit-section-block-22 {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: clamp(36px, 4vw, 52px);
  color: var(--blue);
}

.fmit-section-grid-23 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 28px;
  text-align: center;
}

.fmit-element-block-24 {
  background: var(--light);
  padding: clamp(64px, 8vw, 110px) 0;
}

.fmit-section-card-25 {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  height: 360px;
}

.fmit-section-text-26 {
  color: var(--muted);
  font-size: 17px;
  margin-top: 18px;
}

.fmit-section-grid-27 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 56px;
  align-items: center;
}

.fmit-banner-text-28 {
  color: rgba(255, 255, 255, .85);
  font-size: 19px;
  max-width: 640px;
  margin-top: 20px;
}

.fmit-banner-title-29 {
  color: #fff;
  font-weight: 800;
  font-size: clamp(38px, 5.4vw, 64px);
  margin-top: 14px;
  max-width: 820px;
}

.fmit-banner-block-30 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .22em;
  color: var(--gold);
  text-transform: uppercase;
  margin-top: 22px;
}

.fmit-banner-link-31 {
  color: rgba(255, 255, 255, .7);
}

.fmit-banner-block-32 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  color: rgba(255, 255, 255, .7);
}

.fmit-banner-block-33 {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.fmit-banner-circle-34 {
  position: absolute;
  top: -80px;
  right: 6%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 210, 26, .22), transparent 70%);
  pointer-events: none;
}

.fmit-element-block-35 {
  position: relative;
  padding: 180px 32px 90px;
  background: linear-gradient(120deg, var(--navy2) 0%, var(--navy) 60%, var(--blue) 130%);
  overflow: hidden;
}

.fmit-mobile-link-36 {
  display: block;
  text-align: center;
  margin-top: 24px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--navy);
  background: var(--gold);
  padding: 15px;
  border-radius: 10px;
  letter-spacing: .03em;
}

.fmit-mobile-link-37 {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.fmit-mobile-link-38 {
  color: rgba(255, 255, 255, .85);
  display: block;
  padding: 6px 0;
  font-weight: 600;
}

.fmit-mobile-block-39 {
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
}

.fmit-mobile-block-40 {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.fmit-mobile-flex-41 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--font-h);
}

.fmit-mobile-btn-42 {
  width: 44px;
  height: 44px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .12);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fmit-mobile-img-43 {
  height: 36px;
  filter: brightness(0) invert(1);
}

.fmit-mobile-flex-44 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.fmit-element-block-45 {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: var(--navy);
  color: #fff;
  padding: 24px 28px;
  overflow-y: auto;
  animation: fadeSoft .2s ease;
}

.fmit-header-block-46 {
  stroke-width: 2;
}

.fmit-header-btn-47 {
  margin-left: auto;
  width: 44px;
  height: 44px;
  border-radius: 9px;
  background: rgba(127, 127, 127, .14);
  border: 0;
  color: var(--nav-fg);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.btn-member-login {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14.5px;
  color: var(--navy);
  background: var(--gold);
  padding: 11px 20px;
  border-radius: 9px;
  letter-spacing: .02em;
  box-shadow: 0 6px 18px rgba(255, 210, 26, .35);
}

.fmit-header-block-48 {
  stroke-width: 1.9;
}

.fmit-header-btn-49 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: none;
  border: 0;
  color: var(--nav-fg);
  cursor: pointer;
  margin-left: 6px;
}

.nav-link {
  font-family: var(--font-h);
  font-weight: 600;
  font-size: 15px;
  color: var(--nav-fg);
  padding: 10px 14px;
  border-radius: 8px;
}

.nav-link.active {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 15px;
  color: var(--blue);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--light);
}

.dropdown-link {
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  color: var(--ink);
  font-weight: 600;
  font-size: 14.5px;
}

.dropdown-menu.sm-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-lg);
  padding: 8px;
  animation: fadeSoft .18s ease;
}

.nav-dropdown-btn {
  font-family: var(--font-h);
  font-weight: 600;
  font-size: 15px;
  color: var(--nav-fg);
  padding: 10px 14px;
  border-radius: 8px;
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.fmit-header-block-50 {
  position: relative;
}

.dropdown-menu.md-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-lg);
  padding: 8px;
  animation: fadeSoft .18s ease;
}

.dropdown-menu.lg-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 290px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-lg);
  padding: 8px;
  animation: fadeSoft .18s ease;
}

.fmit-header-block-51 {
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.fmit-header-img-52 {
  height: 38px;
  width: auto;
}

.fmit-header-link-53 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 28px;
}

.site-header.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  height: 66px;
  background: rgba(255, 255, 255, .97);
  --nav-fg: var(--navy);
  box-shadow: 0 6px 26px rgba(16, 42, 86, .10);
  border-bottom: 1px solid rgba(16, 42, 86, .08);
}

.fmit-element-block-54 {
  font-family: var(--font-b);
  background: var(--white);
  overflow-x: hidden;
}

.fmit-section-block-55 {
  color: var(--muted);
  font-size: 14px;
  margin-top: 10px;
}

.fmit-section-title-56 {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 10px;
}

.fmit-section-block-57 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue);
}

.fmit-section-block-58 {
  padding: 26px;
}

.fmit-section-block-59 {
  height: 180px;
  background: var(--light);
  position: relative;
}

.fmit-section-link-60 {
  display: block;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  color: inherit;
}

.fmit-section-grid-61 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.fmit-banner-circle-62 {
  position: absolute;
  top: -80px;
  right: 6%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74, 167, 216, .28), transparent 70%);
  pointer-events: none;
}

.fmit-header-link-63 {
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  color: var(--blue);
  font-weight: 700;
  font-size: 14.5px;
  background: var(--light);
}

.fmit-section-text-64 {
  color: var(--muted);
  margin-top: 10px;
}

.fmit-section-title-65 {
  font-size: 24px;
  font-weight: 800;
  color: var(--navy);
  margin-top: 20px;
}

.fmit-section-block-66 {
  stroke-width: 2.4;
}

.fmit-section-circle-67 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.fmit-section-block-68 {
  text-align: center;
  padding: 40px 0;
}

.fmit-section-btn-69 {
  margin-top: 24px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  border: 0;
  padding: 16px 30px;
  border-radius: 11px;
  cursor: pointer;
}

.fmit-section-field-70 {
  width: 100%;
  padding: 13px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  background: #fff;
  outline: none;
  resize: vertical;
  font-family: var(--font-b);
}

.fmit-section-label-71 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  color: var(--navy);
  display: block;
  margin-bottom: 8px;
}

.fmit-section-block-72 {
  margin-top: 18px;
}

.fmit-section-field-73 {
  width: 100%;
  padding: 13px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  background: #fff;
  outline: none;
}

.fmit-section-grid-74 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.fmit-section-card-75 {
  background: var(--light);
  border-radius: 20px;
  padding: 40px;
  box-shadow: var(--shadow-sm);
}

.fmit-section-block-76 {
  color: var(--muted);
  margin-top: 4px;
}

.fmit-section-block-77 {
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-78 {
  stroke-width: 1.7;
}

.fmit-section-flex-79 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 11px;
  background: var(--light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
}

.fmit-section-flex-80 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.flex-col.gap-sm.mt-md {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 32px;
}

.fmit-section-title-81 {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  color: var(--navy);
  margin-top: 14px;
}

.fmit-section-grid-82 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 56px;
}

.fmit-section-block-83 {
  stroke-width: 1.7;
  color: var(--blue2);
  flex-shrink: 0;
}

.fmit-section-block-84 {
  color: var(--muted);
  font-size: 14px;
  margin-top: 2px;
}

.fmit-section-title-85 {
  font-size: 18.5px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-86 {
  flex: 1;
}

.fmit-section-link-87 {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 22px 26px;
  box-shadow: var(--shadow-sm);
  color: inherit;
}

.fmit-section-flex-88 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.btn-register {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--navy);
  background: var(--gold);
  padding: 12px 22px;
  border-radius: 10px;
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue);
  font-size: 14px;
}

.fmit-section-block-89 {
  stroke-width: 1.8;
}

.card-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 14px;
  margin-top: 8px;
}

.card-title {
  font-size: 21px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 12px;
}

.category-badge {
  display: inline-block;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue);
  background: var(--light);
  padding: 4px 10px;
  border-radius: 6px;
}

.fmit-section-block-90 {
  flex: 1;
  min-width: 220px;
}

.card-date-day {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
}

.card-date-month {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--gold);
}

.card-date-badge {
  flex-shrink: 0;
  width: 78px;
  height: 82px;
  border-radius: 12px;
  background: linear-gradient(160deg, var(--blue), var(--navy));
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.event-card {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px;
  box-shadow: var(--shadow-sm);
}

.flex-col.gap-sm.mt-lg {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 40px;
}

.fmit-section-btn-91 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  padding: 9px 18px;
  border-radius: 999px;
  cursor: pointer;
  background: #fff;
  color: var(--navy);
  border: 1.5px solid var(--line);
}

.fmit-section-btn-92 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  padding: 9px 18px;
  border-radius: 999px;
  cursor: pointer;
  background: var(--blue);
  color: #fff;
  border: 1.5px solid var(--blue);
}

.flex-wrap.gap-xs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fmit-section-link-93 {
  display: block;
  text-align: center;
  margin-top: 12px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue);
  font-size: 14.5px;
}

.fmit-section-link-94 {
  display: block;
  text-align: center;
  margin-top: 24px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--navy);
  background: var(--gold);
  padding: 15px;
  border-radius: 10px;
}

.fmit-section-block-95 {
  stroke-width: 1.8;
  color: var(--blue);
}

.fmit-section-flex-96 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.fmit-section-flex-97 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 22px;
  font-size: 14.5px;
  color: var(--muted);
}

.fmit-section-block-98 {
  font-size: 26px;
  font-weight: 800;
  color: var(--navy);
  margin-top: 8px;
}

.fmit-section-block-99 {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}

.fmit-section-card-100 {
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow-md);
  padding: 28px;
  position: sticky;
  top: 100px;
}

.fmit-section-block-101 {
  color: var(--ink);
  font-size: 15.5px;
}

.fmit-section-block-102 {
  width: 110px;
  flex-shrink: 0;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue2);
  font-size: 14.5px;
}

.fmit-section-flex-103 {
  display: flex;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}

.fmit-section-flex-104 {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

.fmit-section-title-105 {
  font-size: 24px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 40px;
}

.fmit-section-text-106 {
  color: var(--ink);
  font-size: 16px;
}

.fmit-section-circle-107 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--light);
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.fmit-section-flex-108 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.fmit-section-flex-109 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.fmit-section-text-110 {
  color: var(--muted);
  font-size: 16.5px;
  margin-top: 14px;
}

.fmit-section-title-111 {
  font-size: 24px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-grid-112 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 48px;
  align-items: start;
}

.fmit-element-block-113 {
  padding: clamp(56px, 7vw, 96px) 0;
}

.fmit-section-flex-114 {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, .88);
}

.fmit-section-flex-115 {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 24px;
}

.fmit-section-title-116 {
  color: #fff;
  font-weight: 800;
  font-size: clamp(32px, 4.6vw, 52px);
  margin-top: 16px;
}

.fmit-section-block-117 {
  display: inline-block;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--navy);
  background: var(--gold);
  padding: 5px 12px;
  border-radius: 6px;
  margin-top: 22px;
}

.fmit-section-block-118 {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.fmit-element-block-119 {
  position: relative;
  padding: 180px 32px 80px;
  background: linear-gradient(120deg, var(--navy2) 0%, var(--navy) 60%, var(--blue) 130%);
  overflow: hidden;
}

.fmit-section-link-120 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, .55);
  padding: 16px 32px;
  border-radius: 11px;
}

.fmit-section-link-121 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  padding: 16px 32px;
  border-radius: 11px;
  box-shadow: 0 12px 30px rgba(255, 210, 26, .35);
}

.fmit-section-flex-122 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 40px;
}

.fmit-section-text-123 {
  color: rgba(255, 255, 255, .85);
  font-size: 19px;
  max-width: 640px;
  margin: 22px auto 0;
}

.fmit-section-title-124 {
  font-size: clamp(32px, 4.6vw, 58px);
  font-weight: 800;
  color: #fff;
}

.fmit-section-block-125 {
  width: 64px;
  height: 5px;
  background: var(--gold);
  border-radius: 3px;
  margin: 0 auto 30px;
}

.fmit-section-block-126 {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(70px, 9vw, 130px) 32px;
  text-align: center;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}

.fmit-section-circle-127 {
  position: absolute;
  bottom: -90px;
  right: 12%;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 210, 26, .28), transparent 70%);
  pointer-events: none;
  animation: floatY 9s ease-in-out infinite reverse;
}

.fmit-section-circle-128 {
  position: absolute;
  top: -100px;
  left: 8%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74, 167, 216, .3), transparent 70%);
  pointer-events: none;
  animation: floatY 11s ease-in-out infinite;
}

.fmit-section-link-129 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 16px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue);
  font-size: 15px;
}

.event-card.animated-reveal {
  display: flex;
  gap: 22px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-130 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 22px;
  margin-top: 48px;
}

.fmit-section-link-131 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue);
  border: 1.5px solid var(--line);
  padding: 13px 22px;
  border-radius: 10px;
}

.fmit-section-title-132 {
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 800;
  color: var(--navy);
  margin-top: 14px;
}

.fmit-section-block-133 {
  max-width: 640px;
}

.fmit-section-flex-134 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: end;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-element-block-135 {
  padding: clamp(64px, 8vw, 116px) 0;
}

.fmit-section-title-136 {
  font-size: 19px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-flex-137 {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
}

.fmit-section-link-138 {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 24px;
  box-shadow: var(--shadow-sm);
  color: inherit;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}

.fmit-section-grid-139 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.fmit-section-flex-140 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.fmit-section-btn-141 {
  font-family: var(--font-h);
  font-weight: 700;
  color: #fff;
  background: var(--blue);
  border: 0;
  padding: 14px 26px;
  border-radius: 11px;
  cursor: pointer;
  font-size: 15px;
}

.fmit-section-field-142 {
  flex: 1;
  border: 0;
  outline: none;
  font-family: var(--font-b);
  font-size: 17px;
  padding: 14px 6px;
  background: none;
  color: var(--ink);
}

.fmit-section-flex-143 {
  padding-left: 16px;
  color: var(--muted);
  display: flex;
}

.fmit-section-card-144 {
  margin-top: 40px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow-md);
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-block-145 {
  max-width: 720px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-element-block-146 {
  padding: clamp(64px, 8vw, 116px) 0;
  background: var(--light);
}

.fmit-section-link-147 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--gold);
}

.fmit-section-text-148 {
  color: rgba(255, 255, 255, .72);
  margin-top: 6px;
  font-size: 15px;
}

.fmit-section-text-149 {
  color: #fff;
  font-weight: 600;
  margin-top: 12px;
}

.fmit-section-title-150 {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.fmit-section-flex-151 {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(74, 167, 216, .2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sky);
  margin-bottom: 20px;
}

.fmit-section-block-152 {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  padding: 34px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .24s, transform .7s ease .24s;
}

.fmit-section-block-153 {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  padding: 34px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .12s, transform .7s ease .12s;
}

.fmit-section-block-154 {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  padding: 34px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-155 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 24px;
  margin-top: 52px;
}

.fmit-section-text-156 {
  color: rgba(255, 255, 255, .82);
  font-size: 17px;
  margin-top: 18px;
}

.fmit-section-title-157 {
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 800;
  color: #fff;
  margin-top: 14px;
}

.fmit-section-block-158 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
}

.container.relative {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}

.fmit-section-circle-159 {
  position: absolute;
  top: -80px;
  right: -60px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74, 167, 216, .25), transparent 70%);
  pointer-events: none;
}

.fmit-element-block-160 {
  position: relative;
  padding: clamp(64px, 8vw, 116px) 0;
  background: var(--navy);
  color: #fff;
  overflow: hidden;
}

.fmit-section-block-161 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--blue);
}

.fmit-section-title-162 {
  font-size: 25px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-163 {
  padding: 30px;
}

.fmit-section-block-164 {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .14em;
  color: #fff;
  background: rgba(16, 42, 86, .72);
  padding: 6px 12px;
  border-radius: 7px;
}

.fmit-section-block-165 {
  height: 230px;
  overflow: hidden;
  background: var(--navy);
}

.fmit-section-link-166 {
  display: block;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  color: inherit;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .36s, transform .7s ease .36s;
}

.fmit-section-link-167 {
  display: block;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  color: inherit;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .24s, transform .7s ease .24s;
}

.fmit-section-link-168 {
  display: block;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  color: inherit;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .12s, transform .7s ease .12s;
}

.fmit-section-link-169 {
  display: block;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  color: inherit;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-170 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 24px;
  margin-top: 52px;
}

.fmit-section-text-171 {
  color: var(--muted);
  margin-top: 8px;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.fmit-section-title-172 {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 22px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.fmit-section-circle-173 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--gold);
  border: 3px solid var(--gold);
  color: var(--navy);
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0 8px 22px rgba(255, 210, 26, .4);
}

.fmit-section-block-174 {
  text-align: center;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .4s, transform .7s ease .4s;
}

.fmit-section-circle-175 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--blue);
  color: var(--blue);
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: var(--shadow-sm);
}

.fmit-section-block-176 {
  text-align: center;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .2s, transform .7s ease .2s;
}

.fmit-section-block-177 {
  text-align: center;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-178 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 36px;
  position: relative;
}

.fmit-section-block-179 {
  position: absolute;
  top: 34px;
  left: 6%;
  right: 6%;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--sky));
  border-radius: 2px;
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.3s cubic-bezier(.4, 0, .2, 1) .2s;
}

.fmit-section-block-180 {
  position: absolute;
  top: 34px;
  left: 6%;
  right: 6%;
  height: 3px;
  background: rgba(16, 42, 86, .12);
  border-radius: 2px;
}

.fmit-section-block-181 {
  position: relative;
  margin-top: 64px;
}

.fmit-element-block-182 {
  background: var(--light);
  padding: clamp(64px, 8vw, 116px) 0;
}

.fmit-section-text-183 {
  color: var(--muted);
  margin-top: 8px;
}

.fmit-section-flex-184 {
  width: 48px;
  height: 48px;
  border-radius: 11px;
  background: var(--light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  margin-bottom: 16px;
}

.fmit-section-block-185 {
  height: 200px;
  background: var(--navy);
  position: relative;
}

.fmit-section-card-186 {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .24s, transform .7s ease .24s;
}

.fmit-section-card-187 {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .12s, transform .7s ease .12s;
}

.fmit-section-card-188 {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-189 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 56px;
}

.fmit-section-text-190 {
  color: var(--muted);
  font-size: 17px;
  max-width: 520px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease .1s, transform .7s ease .1s;
}

.fmit-section-block-191 {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-section-grid-192 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 48px;
  align-items: end;
}

.fmit-section-text-193 {
  color: var(--muted);
  margin-top: 10px;
  font-size: 15.5px;
}

.fmit-section-title-194 {
  font-size: 23px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-flex-195 {
  width: 56px;
  height: 56px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--blue), var(--blue2));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 20px;
}

.fmit-section-card-196 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 34px 30px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
  transition-delay: .3s;
}

.fmit-section-card-197 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 34px 30px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
  transition-delay: .2s;
}

.fmit-section-card-198 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 34px 30px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
  transition-delay: .1s;
}

.fmit-section-card-199 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 34px 30px;
  box-shadow: var(--shadow-sm);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
  transition-delay: 0s;
}

.fmit-section-grid-200 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 22px;
  margin-top: 52px;
}

.fmit-section-block-201 {
  max-width: 760px;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.fmit-hero-link-202 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border: 1.5px solid rgba(255, 255, 255, .55);
  padding: 16px 30px;
  border-radius: 11px;
  backdrop-filter: blur(4px);
}

.fmit-hero-link-202:hover {
  color: #fff
}

a.nav-link:hover {
  color: #102a56
}

.fmit-hero-link-203 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  padding: 16px 30px;
  border-radius: 11px;
  box-shadow: 0 12px 30px rgba(255, 210, 26, .35);
}

.fmit-hero-flex-204 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 38px;
  animation: fadeSoft 1s 1.25s both;
}

.fmit-hero-text-205 {
  color: rgba(255, 255, 255, .9);
  font-size: clamp(17px, 1.5vw, 21px);
  max-width: 600px;
  margin-top: 28px;
  animation: fadeSoft 1s 1.05s both;
}

.fmit-hero-block-206 {
  width: 118px;
  height: 6px;
  background: var(--gold);
  margin-top: 26px;
  border-radius: 3px;
  transform-origin: left;
  animation: underGrow .8s .95s both;
}

.fmit-hero-block-207 {
  display: block;
  animation: heroLine .9s .56s both;
}

.fmit-hero-block-208 {
  display: block;
  overflow: hidden;
}

.fmit-hero-block-209 {
  display: block;
  animation: heroLine .9s .42s both;
}

.fmit-hero-block-210 {
  display: block;
  animation: heroLine .9s .28s both;
}

.fmit-hero-title-211 {
  color: #fff;
  font-weight: 800;
  font-size: clamp(42px, 6.4vw, 86px);
  margin-top: 22px;
}

.fmit-hero-block-212 {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .26em;
  color: var(--gold);
  text-transform: uppercase;
  animation: heroLine .8s .1s both;
}

.fmit-hero-block-213 {
  overflow: hidden;
}

.fmit-hero-block-214 {
  max-width: 820px;
}

.fmit-hero-block-215 {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 120px 32px 80px;
  width: 100%;
}

.fmit-hero-circle-216 {
  position: absolute;
  bottom: 16%;
  right: 22%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 210, 26, .45), transparent 70%);
  filter: blur(10px);
  animation: floatY 7s ease-in-out infinite reverse;
  pointer-events: none;
}

.fmit-hero-circle-217 {
  position: absolute;
  top: 14%;
  right: 8%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74, 167, 216, .5), transparent 70%);
  filter: blur(12px);
  animation: floatY 9s ease-in-out infinite;
  pointer-events: none;
}

.fmit-hero-block-218 {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(11, 31, 66, .92) 0%, rgba(16, 42, 86, .78) 42%, rgba(0, 51, 153, .45) 100%);
  pointer-events: none;
}

.fmit-hero-block-219 {
  position: absolute;
  inset: 0;
}

.fmit-hero-block-220 {
  position: absolute;
  inset: 0;
  animation: heroZoom 22s ease-in-out infinite alternate;
}

.fmit-element-flex-221 {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--navy);
}

.fmit-header-img-222 {
  height: 38px;
  width: auto;
  display: block;
  filter: brightness(0) invert(1);
}

.fmit-header-img-223 {
  height: 38px;
  width: auto;
  display: none;
}

.site-header.transparent-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  height: 86px;
  background: transparent;
  --nav-fg: #ffffff;
  transition: background .35s ease, height .35s ease, box-shadow .35s ease, border-color .35s ease;
  border-bottom: 1px solid transparent;
}

.fmit-section-block-224 {
  color: var(--muted);
  font-size: 14px;
}

.fmit-section-flex-225 {
  width: 46px;
  height: 46px;
  border-radius: 11px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  flex-shrink: 0;
}

.fmit-section-flex-226 {
  display: flex;
  gap: 16px;
  align-items: center;
  background: var(--light);
  border-radius: 14px;
  padding: 20px;
}

.flex-col.gap-sm {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fmit-section-link-227 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--blue);
}

.fmit-section-card-228 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 32px;
  box-shadow: var(--shadow-sm);
}

.fmit-section-link-229 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  padding: 15px 28px;
  border-radius: 11px;
}

.fmit-section-block-230 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.fmit-section-media-wrapper-231 {
  position: relative;
  aspect-ratio: 16/9;
}

.fmit-section-card-232 {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: #000;
}

.fmit-section-grid-233 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  margin-top: 44px;
}

.fmit-section-title-234 {
  font-size: 19px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.fmit-section-block-235 {
  text-align: center;
}

.fmit-section-grid-236 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 36px;
  margin-top: 56px;
}

.fmit-section-title-237 {
  font-size: 17.5px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-238 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 24px 28px;
}

.fmit-section-flex-239 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 44px;
}

.fmit-section-block-240 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 32px;
}

.fmit-section-text-241 {
  color: var(--muted);
  margin-top: 8px;
  font-size: 14.5px;
}

.fmit-section-block-242 {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 28px;
}

.fmit-section-grid-243 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 22px;
  margin-top: 48px;
}

.fmit-section-block-244 {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: clamp(34px, 4vw, 48px);
  color: var(--blue);
}

.fmit-section-link-245 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 16px;
  color: var(--navy);
  background: var(--gold);
  padding: 15px 28px;
  border-radius: 11px;
}

.fmit-section-flex-246 {
  display: flex;
  gap: 14px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.fmit-section-block-247 {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 24px 28px;
}

.fmit-section-title-248 {
  font-size: 19px;
  font-weight: 700;
  color: var(--navy);
  margin-top: 10px;
}

.fmit-section-block-249 {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 30px;
  color: var(--blue);
}

.fmit-section-block-250 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 32px;
}

.fmit-section-text-251 {
  color: var(--muted);
  margin-top: 6px;
  font-size: 14.5px;
}

.fmit-section-link-252 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 26px;
  box-shadow: var(--shadow-sm);
  color: inherit;
}

.grid-auto-280.gap-md {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
}

.fmit-section-block-253 {
  color: var(--muted);
  font-size: 14px;
  margin-top: 6px;
}

.fmit-section-title-254 {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy);
}

.fmit-section-block-255 {
  padding: 20px;
}

.fmit-section-media-wrapper-256 {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
}

.fmit-section-card-257 {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: #fff;
  border: 1px solid var(--line);
}

.footer-link:hover {
  color: var(--gold);
}

.fmit-section-link-5:hover {
  background: var(--gold2);
}

.btn-member-login:hover {
  background: var(--gold2);
  transform: translateY(-1px);
}

.fmit-header-btn-49:hover {
  background: rgba(127, 127, 127, .12);
}

.nav-link:hover {
  background: rgba(127, 127, 127, .12);
}

.dropdown-link:hover {
  background: var(--light);
  color: var(--blue);
}

.nav-dropdown-btn:hover {
  background: rgba(127, 127, 127, .12);
}

.fmit-section-link-60:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-5px);
}

.fmit-section-btn-69:hover {
  background: var(--gold2);
}

.fmit-section-link-87:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.btn-register:hover {
  background: var(--gold2);
}

.card-link:hover {
  gap: 10px;
}

.event-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.fmit-section-btn-91:hover {
  border-color: var(--blue);
  color: var(--blue);
}

.fmit-section-link-94:hover {
  background: var(--gold2);
}

.fmit-section-link-120:hover {
  background: rgba(255, 255, 255, .14);
  border-color: #fff;
}

.fmit-section-link-121:hover {
  background: var(--gold2);
  transform: translateY(-2px);
}

.fmit-section-link-129:hover {
  gap: 11px;
}

.event-card.animated-reveal:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-5px);
}

.fmit-section-link-131:hover {
  border-color: var(--blue);
  background: var(--light);
}

.fmit-section-link-138:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.fmit-section-btn-141:hover {
  background: var(--blue2);
}

.fmit-section-link-147:hover {
  gap: 12px;
}

.fmit-section-block-152:hover {
  background: rgba(255, 255, 255, .09);
  transform: translateY(-6px);
}

.fmit-section-block-153:hover {
  background: rgba(255, 255, 255, .09);
  transform: translateY(-6px);
}

.fmit-section-block-154:hover {
  background: rgba(255, 255, 255, .09);
  transform: translateY(-6px);
}

.fmit-section-link-166:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}

.fmit-section-link-167:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}

.fmit-section-link-168:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}

.fmit-section-link-169:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-6px);
}

.fmit-section-card-186:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-187:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-188:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-196:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-197:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-198:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-section-card-199:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.fmit-hero-link-202:hover {
  background: rgba(255, 255, 255, .18);
  border-color: #fff;
}

.fmit-hero-link-203:hover {
  background: var(--gold2);
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(255, 210, 26, .45);
}

.fmit-section-link-227:hover {
  gap: 13px;
}

.fmit-section-link-229:hover {
  background: var(--gold2);
}

.fmit-section-card-228:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-5px);
}

.fmit-section-link-245:hover {
  background: var(--gold2);
}

.fmit-section-link-252:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

@media screen and (max-width:830px) {
  .fmit-section-grid-27 {

    grid-template-columns: 1fr;
    gap: 56px;
  }

  .footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .fmit-section-grid-82 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .fmit-section-grid-74 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

}

.slot-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}