.site-footer{
  width:100%;
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(ellipse at 85% 10%,#08316b30 0,transparent 42%),
    radial-gradient(ellipse at 8% 92%,#80ff1f15 0,transparent 38%),
    linear-gradient(175deg,#010714,#010b20 56%,#020812);
  color:#d7e0ee;
  font-family:Arial,Helvetica,sans-serif;
  border-top:1px solid #ffffff12;
}
.site-footer *{box-sizing:border-box}
.site-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(90deg,transparent 49.5%,#ffffff08 49.5%,#ffffff08 50.5%,transparent 50.5%),
    linear-gradient(0deg,transparent 49.5%,#ffffff05 49.5%,#ffffff05 50.5%,transparent 50.5%);
  background-size:64px 64px,64px 64px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
  opacity:.7;
}
.base-shell{width:100%;max-width:1920px;margin-inline:auto;display:block}
.base{
  position:relative;z-index:2;
  padding:
    clamp(36px,5vw,88px)
    max(22px,calc(22px + env(safe-area-inset-right)))
    max(22px,calc(22px + env(safe-area-inset-bottom)))
    max(22px,calc(22px + env(safe-area-inset-left)))
}
.base-top{
  display:grid;
  grid-template-columns:minmax(0,0.88fr) minmax(0,1.5fr);
  gap:clamp(28px,4.6vw,88px) clamp(28px,5vw,100px);
  margin-bottom:clamp(28px,3.6vw,70px);
  align-items:start
}
.base-brand{min-width:0}
.base-brand .section-meta{margin-bottom:clamp(16px,1.9vw,34px)!important}
.base-brand-logo{
  display:flex;align-items:center;gap:clamp(12px,1.3vw,26px);
  margin-bottom:clamp(14px,1.9vw,34px)
}
.base-brand-logo strong{
  font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  font-weight:700;
  font-size:clamp(24px,2.6vw,54px);
  letter-spacing:.03em;color:#f2f7ff;line-height:1;
  text-shadow:0 2px 12px #000a
}
.base-brand-tagline{
  margin:0 0 clamp(14px,2vw,36px);
  color:#7fa0d1;
  font:500 clamp(13px,1.02vw,19px)/1.65 Arial,Helvetica,sans-serif
}
.base-brand-meta{
  display:flex;align-items:center;gap:clamp(10px,1.2vw,22px);
  margin:0;color:#93a4c0;
  font:600 clamp(11px,.82vw,15px)/1.2 monospace;letter-spacing:.15em
}
.base-brand-meta span{display:block;width:clamp(80px,10vw,190px);height:1px;background:#1c3560}
.base-brand-meta b{color:#8eff69;letter-spacing:.2em}

.base-cols{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1.05fr);
  gap:clamp(18px,2.6vw,52px) clamp(18px,2.8vw,54px)
}
.base-col{min-width:0}
.base-col h3{
  margin:0 0 clamp(10px,1.35vw,26px);
  color:#9ec6ff;
  font:600 clamp(11px,.86vw,15.5px)/1.2 monospace;letter-spacing:.21em;text-transform:uppercase;
  display:flex;align-items:center;gap:clamp(8px,1vw,18px)
}
.base-col h3 i{display:block;width:clamp(18px,2vw,38px);height:1px;background:#2a5397}
.base-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(6px,.75vw,14px)}
.base-col li,.base-col p{
  margin:0;color:#b6c4da;
  font:500 clamp(13px,.98vw,18.5px)/1.6 Arial,Helvetica,sans-serif
}
.base-col .strong{
  display:block;
  color:#8ea1c4;
  font:600 clamp(10.5px,.82vw,15px)/1.25 monospace;letter-spacing:.12em;
  margin-bottom:clamp(2px,.25vw,5px)
}
.base-col a{
  color:#dbe5f5;text-decoration:none;
  display:inline-flex;align-items:center;gap:.55ch;
  transition:color 180ms ease,transform 180ms ease
}
.base-col a:hover,.base-col a:focus-visible{color:#b7ff18;transform:translateX(3px)}
.base-col a:focus-visible{outline:2px solid #b7ff18;outline-offset:3px;border-radius:4px}
.base-col .is-mail::before{content:"✉";color:#b7ff18;margin-right:.5ch}
.base-col .is-reg::before{content:"№";color:#6cd3ff;margin-right:.4ch;font-family:monospace}

.base-legal{
  border-top:1px solid #ffffff10;
  padding:clamp(18px,2vw,38px) 0 0;
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start
}
.base-legal p{
  max-width:92ch;
  margin:0;color:#6d7f9e;
  font:500 clamp(11px,.8vw,15px)/1.6 Arial,Helvetica,sans-serif
}
.base-legal p strong{
  display:block;margin-bottom:clamp(2px,.25vw,4px);
  font:600 clamp(11px,.8vw,15px)/1.45 monospace;letter-spacing:.17em;color:#7fc9ff99
}
.base-legal .address{font-style:normal}

.base-footerline{
  position:relative;z-index:3;
  border-top:1px solid #ffffff0d;
  background:linear-gradient(90deg,#0006,#0012);
  padding:
    clamp(12px,1.2vw,22px)
    max(22px,calc(22px + env(safe-area-inset-right)))
    max(12px,calc(12px + env(safe-area-inset-bottom)))
    max(22px,calc(22px + env(safe-area-inset-left)));
  display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.8vw,36px);flex-wrap:wrap;
  color:#5c6f92;
  font:600 clamp(10px,.74vw,14px)/1.3 monospace;letter-spacing:.14em
}
.base-footerline span{display:flex;align-items:center;gap:clamp(10px,1.2vw,22px)}
.base-footerline i{display:block;width:clamp(18px,2.2vw,42px);height:1px;background:#1f4379}
.base-footerline em{color:#b7ff18;font-style:normal;letter-spacing:.2em}
.base-footerline a{color:#7f97bf;text-decoration:none}
.base-footerline a:hover,.base-footerline a:focus-visible{color:#b7ff18}

@media(max-width:1100px) and (min-width:701px){
  .base-top{grid-template-columns:minmax(0,1fr);gap:36px}
  .base-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .base{
    padding:
      max(42px,calc(42px + env(safe-area-inset-top)))
      max(18px,calc(18px + env(safe-area-inset-right)))
      max(24px,calc(24px + env(safe-area-inset-bottom)))
      max(18px,calc(18px + env(safe-area-inset-left)));
  }
  .base-top{grid-template-columns:minmax(0,1fr);gap:34px;margin-bottom:30px}
  .base-brand-logo{align-items:flex-start}
  .base-brand-logo strong{font-size:28px}
  .base-brand-tagline{font-size:14px;margin-bottom:18px}
  .base-brand-meta{
    flex-wrap:wrap;
    row-gap:8px;
    font-size:11px;
  }
  .base-brand-meta span{
    width:100%;
    max-width:112px;
  }
  .base-cols{grid-template-columns:minmax(0,1fr);gap:28px 24px}
  .base-col h3{font-size:11px;margin-bottom:14px;gap:10px}
  .base-col h3 i{width:20px}
  .base-col li,.base-col p{font-size:14px}
  .base-col .strong{font-size:11px}
  .base-legal{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}
  .base-footerline{
    padding:
      16px
      max(18px,calc(18px + env(safe-area-inset-right)))
      max(16px,calc(16px + env(safe-area-inset-bottom)))
      max(18px,calc(18px + env(safe-area-inset-left)));
    gap:12px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11px;
  }
  .base-footerline span{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }
  .base-footerline i{width:20px}
}
@media(max-width:430px){
  .base-brand-logo{
    flex-wrap:wrap;
    gap:12px;
  }
  .base-brand-logo strong{font-size:24px}
  .base-brand-meta{
    letter-spacing:.12em;
  }
  .base-footerline{
    font-size:10px;
    letter-spacing:.12em;
  }
}
@media(prefers-reduced-motion:reduce){
  .site-footer *,.site-footer *::before,.site-footer *::after{animation:none!important;transition:none!important}
  .base-col a:is(:hover,:focus-visible){transform:none}
}