* {
}

main {
    background-color: #F5F5F5;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Regular-aae4ca037f9f146e9366cb38a1525ef0.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Bold-52020b575d81bb043ae62ed856dc98c7.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Black-41611dfb31d92eff0862b4125a9322d3.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Light-7f972ebfd029d33a31ff0a680189130e.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Medium-31c016f3b7e097964a9695fb001101c1.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Semibold-cf68962b24b8269ee8a51acb8a9dd22c.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Thin-403e0bd128441380cac8c9ef32aa08c7.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('/fonts/SFCompactDisplay-Ultralight-3eab8a8088b4977920ae5cdbd22d12a9.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular-0b372e61445bd56c2b7409f49c72be4c.woff2') format('woff2'),
         url('/fonts/Lato-Regular-8d72101cad1547bed5ba3105041eeeae.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold-ccf7428bd237b9c45ee840661aa6fe76.woff2') format('woff2'),
         url('/fonts/Lato-Bold-79203a1947440ede448a384841980e3c.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-BoldItalic-b25f3ca460986d89c16f20e24204ba7d.woff2') format('woff2'),
         url('/fonts/Lato-BoldItalic-a1a6817b485f1bcb5eed3271c0f14703.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Black-42b2005c293c8d49853eaf7262dec759.woff2') format('woff2'),
         url('/fonts/Lato-Black-e08c529f2e1fa60e245fb37489d73397.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-BlackItalic-051cdc159ed497426ddd4c55dec7ced6.woff2') format('woff2'),
         url('/fonts/Lato-BlackItalic-437da4d93c12cfad03663a22b0689402.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Light-26616f4c71893e3e675cf7d3a2af1cd8.woff2') format('woff2'),
         url('/fonts/Lato-Light-c8aec28487a8897701ec634bbcc566f7.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-LightItalic-e0183f8f119704d2afd23f2a8d7932f7.woff2') format('woff2'),
         url('/fonts/Lato-LightItalic-71ecc53ffa874606d15fb58f405105e4.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Medium-5dd51ee08ab3bebe8ca4971f55009ae2.woff2') format('woff2'),
         url('/fonts/Lato-Medium-6d6f0469f9c8e3de94d105e06b83124b.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-MediumItalic-3e43b0786752458f253bd9aa066a4e87.woff2') format('woff2'),
         url('/fonts/Lato-MediumItalic-8630e6fdc06652c7d4879f54229771dd.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-SemiBold-90f4614c95ee1323b674aab6674f0150.woff2') format('woff2'),
         url('/fonts/Lato-SemiBold-57d69e1d4ce0cc10ace9264b4af92cf1.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-SemiBoldItalic-5bcfb5a5a33c6522f19e91674a90996e.woff2') format('woff2'),
         url('/fonts/Lato-SemiBoldItalic-7150ba983e3ae818f4b11c1d8e43d071.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-ExtraBold-c4dca2b077b85a05d6b26e452a0f2602.woff2') format('woff2'),
         url('/fonts/Lato-ExtraBold-90b034004e42f032c333205d198fac42.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-ExtraBoldItalic-4dfb84776f32487045a9f1612009c0d2.woff2') format('woff2'),
         url('/fonts/Lato-ExtraBoldItalic-571b270fac2941a24b16183116d85cad.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Thin-4fe3bec2ecb501ad56677fb98fa1ce20.woff2') format('woff2'),
         url('/fonts/Lato-Thin-3bb12767045b23fb72bd15733bd09a9e.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-ThinItalic-86394c0bf7e1b2a3f7a0e02ef9a29706.woff2') format('woff2'),
         url('/fonts/Lato-ThinItalic-d65b9494c537fd438df9ce642767964e.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

body {
    margin: 0;
    font-family: SF Compact Display;
    color: #fff;
}

li {
    list-style: none;
}

a {
    color: #fff;
    text-decoration: none;
}

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

p {
    white-space: pre-line;
}

button {
    background: none;
    border: none;
    cursor: pointer;
}

.container {
    margin: 0 auto;
    max-width: 1330px;
}

.border__btn {
    border: 2px solid rgba(59, 207, 100, 1);
    border-radius: 8px;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
}

.border__btn2 {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    height: 60px;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
}

.background__btn {
    background: rgba(59, 207, 100, 1);
    border-radius: 8px;
    box-shadow: 0 5px 11px 0 rgba(37, 37, 37, 0.1),
    0 20px 20px 0 rgba(37, 37, 37, 0.09),
    0 45px 27px 0 rgba(37, 37, 37, 0.05),
    0 79px 32px 0 rgba(37, 37, 37, 0.01),
    0 124px 35px 0 rgba(37, 37, 37, 0);
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #252525;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.error-message {
    color: red;
    font-size: 0.875em;
    margin-top: 0.5em;
}

dialog {
    border: none;
    border-radius: 4px;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    html {
        zoom: 0.75;
    }
}