@font-face {
  font-family: 'Euclid Square';
  src: url("fonts/EuclidSquare-Regular.eot");
  src: local("Euclid Square Regular"), local("EuclidSquare-Regular"), url("fonts/EuclidSquare-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidSquare-Regular.woff2") format("woff2"), url("fonts/EuclidSquare-Regular.woff") format("woff"), url("fonts/EuclidSquare-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Euclid Square';
  src: url("fonts/EuclidSquare-SemiBold.eot");
  src: local("Euclid Square SemiBold"), local("EuclidSquare-SemiBold"), url("fonts/EuclidSquare-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidSquare-SemiBold.woff2") format("woff2"), url("fonts/EuclidSquare-SemiBold.woff") format("woff"), url("fonts/EuclidSquare-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
:root {
  font-size: 30px; }

ul, li {
  margin: 0;
  padding: 0;
  display: block; }

a {
  transition: .3s all;
  outline: none;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

button {
  transition: .6s all;
  border: none;
  outline: none;
  background: none;
  padding: 0; }

h1, h2, h3, h4, h5, p {
  margin: 0; }

input {
  outline: none;
  border-radius: 0; }
  input.error {
    color: red !important;
    border-color: red !important; }

html {
  scroll-behavior: smooth; 
  background: #000;}

body {
  font-family: 'Euclid Square', sans-serif; 
  background: #000;}

::-webkit-scrollbar {
  width: .5rem;
  height: 0.5rem; }

::-webkit-scrollbar-track {
  background: #ddd; }

::-webkit-scrollbar-thumb {
  background: #000;
  border: 1px solid #ddd; }

.lazy {
  opacity: 0; }

.disabled {
  pointer-events: none; }

.main {
  height: 100svh;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #fff; }
  .main__bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1; }
    .main__bg::after {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      content: '';
      background: rgba(0, 0, 0, 0.6); }
    .main__bg img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .main__title {
    font-size: 3rem;
    margin-bottom: 1rem; }
  .main__text {
    font-size: 1.3rem;
    margin-bottom: 2rem; }
  .main__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    padding: 1rem 3rem 1rem 2rem;
    background: #1c93e3;
    color: #fff;
    border-radius: 2rem;
    font-weight: 600;
    gap: 1rem;
    text-transform: uppercase; }
    .main__btn img {
      width: 1.5rem; }
    .main__btn:hover {
      background: #1a8ad5; }

@media (max-width: 2800.98px) {
  :root {
    font-size: 26px; } }
@media (max-width: 2600.98px) {
  :root {
    font-size: 24px; } }
@media (max-width: 2300.98px) {
  :root {
    font-size: 22px; } }
@media (max-width: 2100.98px) {
  :root {
    font-size: 20px; } }
@media (max-width: 1800.98px) {
  :root {
    font-size: 19px; } }
@media (max-width: 1700.98px) {
  :root {
    font-size: 18px; } }
@media (max-width: 1600.98px) {
  :root {
    font-size: 17px; } }
@media (max-width: 1500.98px) {
  :root {
    font-size: 16px; } }
@media (max-width: 1400.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 1300.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 1200.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 1100.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 1000.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 900.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  :root {
    font-size: 17px; } }
@media (max-width: 767.98px) {
  :root {
    font-size: 16px; }

  .main__title {
    font-size: 2.2rem; }
  .main__text {
    padding: 0 1rem;
    font-size: 1.1rem; }
    .main__text br {
      display: none; } }
@media (max-width: 389.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 375.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 345.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 330.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 320.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 300.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 1000px) and (orientation: landscape) {
  :root {
    font-size: 8.5px; } }
@media (max-width: 700px) and (orientation: landscape) {
  :root {
    font-size: 8px; } }

/*# sourceMappingURL=main.css.map */