<!-- GFE GLOBAL STYLES -->


  :root {
    --gfe-red: #ED1B2D;
    --gfe-red-hover: #ff3142;
    --gfe-blue: #0078B7;
    --gfe-blue-light: #37BAFE;

    --gfe-bg: #000408;
    --gfe-bg-2: #000C14;
    --gfe-card-bg: rgba(0, 20, 32, .58);

    --gfe-white: #FCFCFC;
    --gfe-muted: rgba(230,231,230,.8);

    --gfe-container: 1440px;
    --gfe-side-padding: 42px;

    --gfe-h1: clamp(38px, 3vw, 50px);
    --gfe-h2: clamp(38px, 3vw, 50px);
    --gfe-h3: clamp(22px, 1.8vw, 30px);

    --gfe-text-lg: 18px;
    --gfe-text-md: 16px;
    --gfe-text-sm: 14px;

    --gfe-radius-sm: 6px;
    --gfe-radius-md: 8px;
    --gfe-radius-lg: 12px;

    --gfe-border-blue: 1px solid rgba(55,186,254,.42);
    --gfe-border-soft: 1px solid rgba(255,255,255,.1);
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    background: var(--gfe-bg);
  }

  .gfe-section,
  .gfe-section * {
    box-sizing: border-box;
  }

  .gfe-section {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    font-family: Inter, Arial, sans-serif;
    color: var(--gfe-white);
    background:
      radial-gradient(circle at 76% 42%, rgba(0,120,183,.14), transparent 32%),
      radial-gradient(circle at 48% 88%, rgba(237,27,45,.07), transparent 24%),
      linear-gradient(105deg, #000408 0%, #00070d 42%, #000c14 100%);
  }
  
  /* Static cards: карточки без ссылок и без клика */
.gfe-static-card {
  cursor: default !important;
}

.gfe-static-card * {
  cursor: default !important;
  pointer-events: none;
  user-select: none;
}

  .gfe-container {
    position: relative;
    z-index: 5;
    max-width: var(--gfe-container);
    margin: 0 auto;
    padding-left: var(--gfe-side-padding);
    padding-right: var(--gfe-side-padding);
  }

  .gfe-section a,
  .gfe-section a:visited,
  .gfe-section a:hover,
  .gfe-section a:active {
    text-decoration: none !important;
  }

  .gfe-bg-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: .26;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(55,186,254,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(55,186,254,.05) 1px, transparent 1px);
    background-size: 56px 56px;
  }

  .gfe-bg-lines {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: .34;
    pointer-events: none;
    background:
      linear-gradient(90deg, transparent 0 10%, rgba(0,120,183,.18) 10.1% 10.2%, transparent 10.35%),
      linear-gradient(135deg, transparent 0 43%, rgba(0,120,183,.14) 43.1% 43.2%, transparent 43.35%),
      radial-gradient(circle at 4% 20%, rgba(237,27,45,.32) 0 1px, transparent 2px),
      radial-gradient(circle at 86% 22%, rgba(55,186,254,.3) 0 1px, transparent 2px);
    background-size: 520px 520px, 680px 680px, 28px 28px, 34px 34px;
  }

  .gfe-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--gfe-blue-light);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .11em;
  }

  .gfe-label::before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--gfe-blue-light);
    box-shadow: 0 0 14px rgba(55,186,254,.75);
  }

  .gfe-h1,
  .gfe-h2 {
    margin: 0;
    font-family: Oswald, Arial, sans-serif;
    color: var(--gfe-white);
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
    text-shadow: 0 0 28px rgba(255,255,255,.08);
  }

  .gfe-h1 {
    font-size: var(--gfe-h1);
    line-height: 1.12;
  }

  .gfe-h2 {
    font-size: var(--gfe-h2);
    line-height: 1.1;
  }

  .gfe-h3 {
    margin: 0;
    font-family: Oswald, Arial, sans-serif;
    color: var(--gfe-white);
    font-size: var(--gfe-h3);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
  }

  .gfe-text {
    margin: 0;
    color: var(--gfe-muted);
    font-size: var(--gfe-text-lg);
    line-height: 1.55;
  }

  .gfe-red-line {
    width: 58px;
    height: 3px;
    background: var(--gfe-red);
    box-shadow: 0 0 20px rgba(237,27,45,.6);
  }

  .gfe-btn,
  .gfe-btn:visited {
    position: relative;
    height: 56px;
    min-width: 220px;
    padding: 0 28px;
    border-radius: var(--gfe-radius-sm);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: var(--gfe-white) !important;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
    transition: border-color .24s ease, box-shadow .24s ease, background-color .24s ease, color .24s ease;
  }

  .gfe-btn span,
  .gfe-btn svg {
    position: relative;
    z-index: 2;
  }

  .gfe-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.16) 42%, transparent 68%);
    transform: translateX(-55%);
    transition: opacity .24s ease, transform .55s ease;
  }

  .gfe-btn:hover::before {
    opacity: 1;
    transform: translateX(55%);
  }

  .gfe-btn-red {
    background: linear-gradient(135deg, var(--gfe-red), #b90f1d);
    border: 1px solid rgba(237,27,45,.9);
    box-shadow: 0 18px 44px rgba(237,27,45,.23);
  }

  .gfe-btn-red:hover {
    border-color: rgba(55,186,254,.56);
    background: linear-gradient(135deg, #ff2a3b 0%, #ed1b2d 45%, #0078b7 130%);
    box-shadow:
      0 0 0 1px rgba(55,186,254,.1),
      0 0 28px rgba(237,27,45,.28),
      0 0 48px rgba(0,120,183,.16);
  }

  .gfe-btn-outline {
    background: rgba(0,4,8,.42);
    border: 1px solid rgba(252,252,252,.46);
  }

  .gfe-btn-outline:hover {
    border-color: var(--gfe-blue-light);
    background: linear-gradient(135deg, rgba(0,120,183,.18), rgba(237,27,45,.08));
    box-shadow:
      0 0 0 1px rgba(55,186,254,.08),
      0 18px 42px rgba(0,120,183,.16);
  }

  .gfe-card {
    border: var(--gfe-border-blue);
    border-radius: var(--gfe-radius-md);
    background:
      radial-gradient(circle at 52% 22%, rgba(0,120,183,.11), transparent 42%),
      linear-gradient(180deg, rgba(0,20,32,.56), rgba(0,4,8,.54));
    box-shadow:
      inset 0 0 34px rgba(0,120,183,.05),
      0 24px 70px rgba(0,4,8,.34);
  }

  .gfe-chip {
    min-height: 32px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(252,252,252,.9);
    font-size: 12px;
    line-height: 1.1;
    font-weight: 700;
    border: 1px solid rgba(55,186,254,.48);
    border-radius: 5px;
    background: rgba(0,20,32,.5);
  }

  @media (max-width: 1190px) {
    :root {
      --gfe-side-padding: 24px;
      --gfe-h1: clamp(36px, 5vw, 48px);
      --gfe-h2: clamp(34px, 4.8vw, 46px);
    }
  }

  @media (max-width: 640px) {
    :root {
      --gfe-side-padding: 18px;
      --gfe-h1: 33px;
      --gfe-h2: 32px;
      --gfe-h3: 23px;
      --gfe-text-lg: 16px;
    }

    .gfe-btn {
      width: 100%;
      min-width: 0;
      height: 54px;
    }
  }
</style>