/* Дизайн-токены, сброс, общие элементы (иконки, логотип-кит, обёртка страницы) */
:root {
  --ink:#eaf8fc;
  --muted:#94aab7;
  --dark:#02090f;
  --navy:#061620;
  --stroke:rgba(36,193,220,.26);
  --stroke-hot:rgba(8,222,243,.55);
  --cyan:#06e4eb;
  --teal:#00bfcf;
  --green:#16e3aa;
  --purple:#aa62fc;
  --blue:#3791ed;
  --orange:#ffb13c;
  --panel:#07141e;
  --r:15px;
}

* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:84px;
}
body {
  margin:0;
  background:#02090e;
  color:var(--ink);
  font:15px/1.48 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a {
  text-decoration:none;
  color:inherit;
}
button,input {
  font:inherit;
}
button {
  cursor:pointer;
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline:2px solid #a3fcff;
  outline-offset:3px;
}
h1,h2,h3,p {
  margin-top:0;
}
h1,h2,h3 {
  letter-spacing:-.045em;
}
.wrap {
  max-width:1360px;
  width:calc(100% - 104px);
  margin:auto;
}
.icon {
  width:21px;
  height:21px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whale {
  width:34px;
  height:27px;
  display:inline-block;
  flex:none;
  color:var(--cyan);
}
.page {
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.page:before {
  content:"";
  position:absolute;
  left:-20%;
  top:580px;
  right:-20%;
  height:300px;
  background:radial-gradient(ellipse at 48% 90%,rgba(0,141,176,.1),transparent 60%);
  pointer-events:none;
  z-index:-1;
}

/* Ссылка «К содержанию» для клавиатуры: видна только при фокусе */
.skip-link {
  position: absolute;
  left: 12px;
  top: -60px;
  z-index: 200;
  padding: 10px 14px;
  border-radius: 8px;
  background: #02e4ea;
  color: #00202b;
  font-weight: 700;
}
.skip-link:focus { top: 12px; }