:root {
  --primary-color: #1482FA;
  --secondary-color: #0B41CD;
  --text-color: #000A17;
}

html {
  scroll-behavior: smooth;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body[data-theme="light"] {
  display: flex;
  flex-direction: column;
  font-family: 'Inter Tight', sans-serif!important;
  font-weight: 400;
  color: var(--text-color);
  font-size: 14px;
  line-height: 17px;
  background:
    radial-gradient(
      178.47% 92.36% at 31% 33%,
      rgba(27, 133, 254, 0) 0%,
      rgba(27, 133, 254, 0.16) 100%
    ),
    linear-gradient(
      180deg,
      rgba(241, 241, 243, 1),
      rgba(237, 249, 255, 1)
    );
}

.container {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  width: 100%;
  padding: 36px;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
  padding: 60px 0;
}

p {
  margin: 0;
  padding: 0;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.title {
  font-size: 64px;
  line-height: 77px;
  text-align: left;
  font-weight: 400;
  margin-bottom: 30px;
}

.subtitle {
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
  margin-bottom: 24px;
}

.text {
  font-size: 20px;
  line-height: 24px;
}

.text--small {
  font-size: 16px;
}

.text--large {
  font-size: 24px;
}

.text--gray {
  color: rgba(0, 10, 23, 0.5)
}

.text span {
  color: var(--primary-color);
}

.hidden {
  display: none!important;
}

.filters {
  margin-bottom: 30px;
}