@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  all: unset;
  cursor: pointer;
}

textarea:focus, input:focus {
  outline: none;
}

h1 {
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 500;
  font-size: 96px;
  display: inline;
  width: fit-content;
}

p {
  font-family: "Inter", sans-serif;
  width: fit-content;
  font-weight: 400;
}

span {
  font-family: "Inter", sans-serif;
}

.fullwidth {
  width: 100%;
}

.header-1 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 40px;
}

.header-2 {
  font-family: "Space Grotesk", serif;
  color: var(--blue-5);
  font-size: 40px;
}

.header-2-ru {
  font-family: "IBM Plex Mono", monospace;
  color: var(--blue-5);
  font-size: 40px;
}

.header-3 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 32px;
}

.title-1 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 21px;
}

.title-2 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 21px;
  font-weight: 300;
}

.title-3 {
  font-family: "Space Grotesk", serif;
  color: var(--blue-5);
  font-size: 21px;
  font-weight: 300;
}

.title-3-ru {
  font-family: "IBM Plex Mono", monospace;
  color: var(--blue-5);
  font-size: 21px;
  font-weight: 300;
}

.body-1 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 17px;
}

.body-2 {
  font-family: "Space Grotesk", serif;
  color: var(--blue-5);
  font-size: 17px;
  font-weight: 300;
}

.body-2-ru {
  font-family: "IBM Plex Mono", monospace;
  color: var(--blue-5);
  font-size: 17px;
  font-weight: 300;
}

.body-3 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 17px;
  font-weight: 300;
}

.body-4 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 17px;
  font-weight: 500;
}

.caption-1 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 15px;
  font-weight: 300;
}

.caption-3 {
  font-family: "Inter", serif;
  color: var(--blue-5);
  font-size: 15px;
  font-weight: 500;
}

.caption-2 {
  font-family: "Space Grotesk", serif;
  color: var(--blue-5);
  font-size: 15px;
  font-weight: 300;
}

.caption-2-ru {
  font-family: "IBM Plex Mono", monospace;
  color: var(--blue-5);
  font-size: 15px;
  font-weight: 300;
}

.blue-1 {
  color: var(--blue-1);
}

.blue-2 {
  color: var(--blue-2);
}

.blue-3 {
  color: var(--blue-3);
}

.blue-4 {
  color: var(--blue-4);
}

.blue-5 {
  color: var(--blue-5);
}

.red-0 {
  color: var(--red);
}

.all-white {
  color: var(--all-white);
}

.light-gray {
  color: var(--light-gray);
}

:root {
  --all-white: #ffff;
  --light-gray: #F2F2F2;
  --blue-5: #011337;
  --blue-4: #02246B;
  --blue-3: #355089;
  --blue-2: #7A8294;
  --blue-1: #CCD3E1;
  --blue-0: #E7E9ED;
  --gold: #BF9B30;
  --red: #A6054C;
}