article.prose {
    line-height:1.75;
    display:contents;
}

article.prose a {
    font-weight:500;
    text-decoration:underline;
}

article.prose h1 {
    margin-block:0 1.23em;
    font-size:2.25em;
    line-height:1.11;
}

article.prose h2 {
    margin-block:2em 1em;
    font-size:1.5em;
    line-height:1.34;
}

article.prose h3 {
    margin-block:1.6em .6em;
    font-size:1.25em;
    line-height:1.6;
}

article.prose h4 {
    margin-top:1.5em;
    margin-bottom:.5em;
    line-height:1.5;
}

article.prose img {
    width:100%;
    margin-block:2em;
}

article.prose blockquote {
    margin-block:1.6em;
    padding:.75em 1.25em;
}

article.prose ul,article.prose ol {
    padding-inline-start:1.5em;
}

article.prose table {
    table-layout:auto;
    width:100%;
    margin:1.5em 0;
}

article.prose thead th {
    vertical-align:bottom;
    font-weight:600;
}

article.prose tbody td {
    vertical-align:baseline;
}

article.prose tfoot td {
    vertical-align:top;
}

article.prose th,article.prose td {
    text-align:start;
    padding:.75em;
}

article.prose thead th:first-child,article.prose tbody td:first-child,article.prose tfoot td:first-child {
    padding-inline-start:0;
}

article.prose thead th:last-child,article.prose tbody td:last-child,article.prose tfoot td:last-child {
    padding-inline-end:0;
}

article.prose thead {
    box-shadow:0 1px #ffffffbf,0 1px;
}

article.prose tbody tr {
    box-shadow:0 1px #ffffffd9,0 1px;
}

article.prose hr {
    opacity:.3;
    margin:3em 0;
}

/* ======================================== */

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa2JL7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa0ZL7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa2ZL7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+1F??;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa1pL7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa2pL7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa25L7W0Q5n-wU.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_fjbvMwCp500DAa1ZL7W0Q5nw.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw0aXp-p7K4KLjztg.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw9aXp-p7K4KLjztg.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116;
}

@font-face {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw2aXp-p7K4KLjztg.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXp-p7K4KLjztg.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family:Montserrat;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-p7K4KLg.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family:Raleway;
    font-style:normal;
    font-weight:400 700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family:Raleway;
    font-style:normal;
    font-weight:400 700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116;
}

@font-face {
    font-family:Raleway;
    font-style:normal;
    font-weight:400 700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family:Raleway;
    font-style:normal;
    font-weight:400 700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family:Raleway;
    font-style:normal;
    font-weight:400 700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ======================================== */

*,:before,:after {
    box-sizing:border-box;
}

body {
    -webkit-font-smoothing:antialiased;
}

textarea:focus-visible {
    outline:none;
}

button {
    -webkit-font-smoothing:inherit;
    -moz-osx-font-smoothing:inherit;
}

* {
    margin:0;
    padding:0;
}

a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit;
}

input {
    font:inherit;
    background-color:inherit;
    border:none;
    outline:none;
}

button {
    font:inherit;
    color:inherit;
    background:0 0;
    border-style:none;
    width:auto;
    line-height:normal;
    overflow:visible;
}

textarea,select {
    font:inherit;
    background-color:inherit;
}

img,picture,video,canvas,svg {
    display:block;
}

[data-reaction-click] {
    cursor:pointer;
}

[data-visible=false] {
    display:none!important;
}

.before-hidden:before,.after-hidden:after {
    display:none;
}

.before-visible:before,.after-visible:after {
    content:"";
}

body * {
    scrollbar-width:none;
}

body ::-webkit-scrollbar {
    display:none;
}

[name=honey-pot-field] {
    display:none!important;
}

.text {
    white-space:pre-wrap;
    overflow-wrap:break-word;
}

.pointer-events-none {
    pointer-events:none;
}

/* ======================================== */

#_ {
    background-color:#fff;
    min-height:100vh;
    display:grid;
}

#_0 {
    background-color:#fff;
    border-radius:0;
    width:1440px;
    min-width:1440px;
    max-width:1440px;
    min-height:3693px;
    max-height:3693px;
    margin:0 auto;
    position:relative;
}

#Frame_2087326913 {
    --f2w-order:0;
    background-color:#fff;
    border-radius:0;
    width:1440px;
    height:409px;
    position:absolute;
    top:3282px;
    left:0;
    overflow:hidden;
}

#Frame_2087326917 {
    --f2w-order:0;
    background-color:#a38881;
    border-radius:15px;
    width:1360px;
    height:165px;
    position:absolute;
    top:171px;
    left:calc(50% - 680px);
    overflow:hidden;
}

#_3258_381 {
    text-align:left;
    color:#fff;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:absolute;
    top:115px;
    left:30px;
}

#__0 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#Frame_2087326910 {
    grid-column-gap:33px;
    --f2w-order:1;
    border-radius:0;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    padding:0;
    display:flex;
    position:absolute;
    top:30px;
    left:calc(50% - 650px);
}

#_3258_383 {
    text-align:left;
    color:#fff;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__1 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3258_384 {
    text-align:left;
    color:#fff;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__2 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3258_385 {
    text-align:left;
    color:#fff;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__3 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3258_386 {
    text-align:left;
    color:#fff;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__4 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3258_387 {
    text-align:center;
    color:#fff;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:12px;
    font-weight:500;
    line-height:24px;
    text-decoration:underline;
    display:inline;
    position:absolute;
    top:115px;
    left:945px;
}

#__5 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:12px;
    font-weight:500;
    line-height:24px;
    text-decoration:underline;
}

#_3258_388 {
    text-align:center;
    color:#fff;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:12px;
    font-weight:500;
    line-height:24px;
    text-decoration:underline;
    display:inline;
    position:absolute;
    top:115px;
    left:1219px;
}

#__6 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:12px;
    font-weight:500;
    line-height:24px;
    text-decoration:underline;
}

#Frame_2087326918,
a#Frame_2087326918 {
    grid-column-gap:5px;
    --f2w-order:4;
    background-color:#29a9ea;
    border-radius:10px;
    flex-flow:row;
    justify-content:center;
    align-items:center;
    padding:3px 10px;
    display:flex;
    position:absolute;
    top:25px;
    left:1229px;
    text-decoration:none;
    color:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

#Default {
    --f2w-order:0;
    background-color:#fff;
    border-radius:250px;
    flex-shrink:0;
    width:20px;
    height:20px;
    margin:0;
    position:relative;
    overflow:hidden;
    transform:scaleX(-1);
}

#Logo {
    --f2w-order:0;
    border-radius:0;
    width:87%;
    height:87%;
    position:absolute;
    inset:6.5%;
    overflow:hidden;
}

#Artboard {
    --f2w-order:0;
    transform-origin:0 0;
    width:103.5%;
    height:103.5%;
    position:absolute;
    inset:-1.7% -105.3% -1.8% 101.8%;
    transform:scaleX(-1);
}

#_3258_395 {
    text-align:center;
    color:#fff;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Raleway;
    font-size:12px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:relative;
}

#__7 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:12px;
    font-weight:600;
    line-height:24px;
}

#_3258_396 {
    text-align:center;
    color:#737272;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:absolute;
    top:63px;
    left:40px;
}

#__8 {
    color:#737272;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
}

#_3258_397 {
    text-align:center;
    color:#000;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Inter;
    font-size:24px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:absolute;
    top:107px;
    left:40px;
}

#__9 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Inter;
    font-size:24px;
    font-weight:500;
    line-height:24px;
}

#Line_141 {
    --f2w-order:3;
    transform-origin:0 0;
    border:0 solid #fff;
    border-top-width:1px;
    width:1298px;
    height:1px;
    position:absolute;
    top:252px;
    left:70px;
}

#Frame_2087326914 {
    --f2w-order:1;
    background-color:#f9f9f9;
    border-radius:0;
    width:1440px;
    height:821px;
    position:absolute;
    top:820px;
    left:0;
    overflow:hidden;
}

#_3263_170 {
    text-align:left;
    color:#000;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    width:527px;
    font-family:Raleway;
    font-size:30px;
    font-weight:600;
    line-height:40px;
    display:inline;
    position:absolute;
    top:77px;
    left:calc(50% - 658px);
}

#__10 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:30px;
    font-weight:600;
    line-height:40px;
}

#_3263_171 {
    text-align:left;
    color:#303030;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    width:483px;
    font-family:Raleway;
    font-size:22px;
    font-weight:500;
    line-height:32px;
    display:inline;
    position:absolute;
    top:182px;
    left:62px;
}

#__11 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:22px;
    font-weight:500;
    line-height:32px;
}

#Frame_2087326919 {
    --f2w-order:2;
    background-color:#fff;
    border-radius:30px;
    width:748px;
    height:667px;
    position:absolute;
    top:77px;
    left:629px;
    overflow:hidden;
}

#Frame_2087326721 {
    grid-column-gap:10px;
    --f2w-order:0;
    background-color:#303030;
    border-radius:100px;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    width:40px;
    height:40px;
    padding:5px 0 5px 5px;
    display:flex;
    position:absolute;
    top:56px;
    left:82px;
}

#Frame_2087326881 {
    --f2w-order:0;
    border-radius:20px;
    flex-shrink:0;
    width:30px;
    height:30px;
    margin:0;
    position:relative;
    overflow:hidden;
}

#__12 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-.8px)scaleX(1.05);
}

#Frame_2087326722 {
    grid-column-gap:10px;
    --f2w-order:1;
    background-color:#303030;
    border-radius:100px;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    width:40px;
    height:40px;
    padding:5px 0 5px 5px;
    display:flex;
    position:absolute;
    top:384px;
    left:82px;
}

#Frame_2087326881_0 {
    --f2w-order:0;
    border-radius:20px;
    flex-shrink:0;
    width:30px;
    height:30px;
    margin:0;
    position:relative;
    overflow:hidden;
}

#__13 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-.8px)scaleX(1.05);
}

#_3263_177 {
    text-align:left;
    color:#000;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:22px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:absolute;
    top:64px;
    left:137px;
}

#__14 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:22px;
    font-weight:600;
    line-height:24px;
}

#_3263_178 {
    text-align:left;
    color:#000;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:22px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:absolute;
    top:392px;
    left:137px;
}

#__15 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:22px;
    font-weight:600;
    line-height:24px;
}

#_3263_179 {
    text-align:left;
    color:#303030;
    --f2w-order:4;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:17px;
    font-weight:500;
    line-height:30px;
    display:inline;
    position:absolute;
    top:98px;
    left:137px;
}

#__16 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:17px;
    font-weight:500;
    line-height:30px;
}

#_3263_180 {
    text-align:left;
    color:#303030;
    --f2w-order:5;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:17px;
    font-weight:500;
    line-height:30px;
    display:inline;
    position:absolute;
    top:426px;
    left:137px;
}

#__17 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:17px;
    font-weight:500;
    line-height:30px;
}

#_3263_181 {
    text-align:left;
    color:#303030;
    --f2w-order:6;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:15px;
    font-weight:500;
    line-height:30px;
    display:inline;
    position:absolute;
    top:143px;
    left:137px;
}

#__18 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:15px;
    font-weight:500;
    line-height:30px;
}

#_3263_182 {
    text-align:left;
    color:#303030;
    --f2w-order:7;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:15px;
    font-weight:500;
    line-height:30px;
    display:inline;
    position:absolute;
    top:471px;
    left:137px;
}

#__21 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:15px;
    font-weight:500;
    line-height:30px;
}

#_3263_183 {
    text-align:left;
    color:#3c3c3c;
    --f2w-order:8;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:16px;
    font-weight:400;
    line-height:35px;
    display:inline;
    position:absolute;
    top:248px;
    left:150px;
}

#__24 {
    color:#3c3c3c;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:400;
    line-height:35px;
}

#_3263_184 {
    text-align:left;
    color:#3c3c3c;
    --f2w-order:9;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:16px;
    font-weight:400;
    line-height:35px;
    display:inline;
    position:absolute;
    top:576px;
    left:152px;
}

#__25 {
    color:#3c3c3c;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:400;
    line-height:35px;
}

#Rectangle_34624463 {
    --f2w-order:10;
    background-color:#a38881;
    border-radius:100px;
    width:3px;
    height:25px;
    position:absolute;
    top:253px;
    left:137px;
}

#Rectangle_34624464 {
    --f2w-order:11;
    background-color:#a38881;
    border-radius:100px;
    width:3px;
    height:25px;
    position:absolute;
    top:581px;
    left:139px;
}

#Line_142 {
    --f2w-order:12;
    transform-origin:0 0;
    border:0 dashed #a38881;
    border-top-width:1px;
    width:288px;
    height:1px;
    position:absolute;
    top:96px;
    left:103px;
    transform:rotate(90deg);
}

#Frame_2087326903 {
    grid-column-gap:4px;
    --f2w-order:3;
    background-color:#96807a;
    border-radius:10px;
    flex-flow:row;
    justify-content:center;
    align-items:center;
    width:213px;
    padding:10px 30px;
    display:flex;
    position:absolute;
    top:calc(50% - 139.5px);
    left:calc(50% - 658px);
}

#_3263_189 {
    text-align:left;
    color:#fff;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:relative;
}

#__26 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
}

#Frame_2087326915 {
    --f2w-order:2;
    background-color:#fff;
    border-radius:0;
    width:1440px;
    height:821px;
    position:absolute;
    top:1646px;
    left:0;
    overflow:hidden;
}

#Group_2087326729 {
    --f2w-order:0;
    width:1330px;
    height:611px;
    position:absolute;
    top:105px;
    left:55px;
}

#Frame_2087326919_0 {
    --f2w-order:0;
    background-color:#f9f9f9;
    border-radius:30px;
    width:1330px;
    height:611px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}

#_2 {
    --f2w-order:0;
    aspect-ratio:1.38;
    border-radius:20px 0;
    width:auto;
    height:520px;
    position:absolute;
    top:91px;
    left:610px;
    overflow:hidden;
}

#__27 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(170.4px,42.2px)scale(1.47,1.16);
}

#_3263_194 {
    text-align:left;
    color:#000;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:30px;
    font-weight:600;
    line-height:40px;
    display:inline;
    position:absolute;
    top:91px;
    left:calc(50% - 614px);
}

#__28 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:30px;
    font-weight:600;
    line-height:40px;
}

#_3263_195 {
    text-align:left;
    color:#313131;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:465px;
    height:145px;
    font-family:Raleway;
    font-size:24px;
    font-weight:500;
    line-height:35px;
    display:inline;
    position:absolute;
    top:181px;
    left:51px;
}

#__29 {
    color:#313131;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:24px;
    font-weight:500;
    line-height:35px;
}

#Line_143 {
    --f2w-order:3;
    width:466px;
    height:1px;
    position:absolute;
    top:155.5px;
    left:50.5px;
}

#Frame_2087326912 {
    --f2w-order:3;
    background-color:#f9f9f9;
    border-radius:0;
    width:1440px;
    height:821px;
    position:absolute;
    top:2467px;
    left:0;
    overflow:hidden;
}

#Frame_2087326913_0 {
    --f2w-order:0;
    background-color:#fff;
    border-radius:30px;
    width:397px;
    height:467px;
    position:absolute;
    top:175px;
    left:55px;
    overflow:hidden;
}

#cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1 {
    --f2w-order:0;
    transform-origin:0 0;
    aspect-ratio:1.09;
    border-radius:30px 30px 30px 0;
    width:auto;
    height:263px;
    position:absolute;
    top:327px;
    left:calc(50% - 129.5px);
    overflow:hidden;
    transform:rotate(-90deg);
}

#__30 {
    opacity:.3;
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-142.9px,13px)scale(2.09,1.21);
}

#_2_0 {
    --f2w-order:1;
    aspect-ratio:.73;
    border-radius:0;
    width:auto;
    height:255px;
    position:absolute;
    top:72px;
    left:108px;
    overflow:hidden;
}

#__31 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translateY(83.1px)scaleY(1.65);
}

#_3263_201 {
    text-align:center;
    color:#000;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:absolute;
    top:347px;
    left:28px;
}

#__32 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
}

#_3263_202 {
    text-align:center;
    color:#303030;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    width:340px;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:absolute;
    top:381px;
    left:calc(50% - 170.5px);
}

#__33 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
}

#Frame_2087326915_0 {
    --f2w-order:1;
    background-color:#fff;
    border-radius:30px;
    width:397px;
    height:467px;
    position:absolute;
    top:175px;
    left:521px;
    overflow:hidden;
}

#cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_0 {
    --f2w-order:0;
    transform-origin:0 0;
    aspect-ratio:1.09;
    border-radius:30px 30px 30px 0;
    width:auto;
    height:263px;
    position:absolute;
    top:327px;
    left:calc(50% - 129.5px);
    overflow:hidden;
    transform:rotate(-90deg);
}

#__34 {
    opacity:.3;
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-142.9px,13px)scale(2.09,1.21);
}

#_3263_205 {
    text-align:center;
    color:#000;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-size:20px;
    line-height:24px;
    display:inline;
    position:absolute;
    top:347px;
    left:calc(50% - 172.5px);
}

#__36 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
}

#__37 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Inter;
    font-size:20px;
    font-weight:500;
    line-height:24px;
}

#__38 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
}

#_3263_206 {
    text-align:center;
    color:#303030;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:344px;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:absolute;
    top:381px;
    left:calc(50% - 172.5px);
}

#__39 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
}

#_1 {
    --f2w-order:3;
    aspect-ratio:.73;
    border-radius:0;
    width:auto;
    height:255px;
    position:absolute;
    top:72px;
    left:108px;
    overflow:hidden;
}

#__40 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translateY(83px)scaleY(1.65);
}

#Frame_2087326916 {
    --f2w-order:2;
    background-color:#fff;
    border-radius:30px;
    width:397px;
    height:467px;
    position:absolute;
    top:175px;
    left:988px;
    overflow:hidden;
}

#cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_1 {
    --f2w-order:0;
    transform-origin:0 0;
    aspect-ratio:1.09;
    border-radius:30px 30px 30px 0;
    width:auto;
    height:263px;
    position:absolute;
    top:327px;
    left:calc(50% - 129.5px);
    overflow:hidden;
    transform:rotate(-90deg);
}

#__41 {
    opacity:.3;
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-142.9px,13px)scale(2.09,1.21);
}

#_3263_210 {
    text-align:center;
    color:#000;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    width:308px;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:absolute;
    top:347px;
    left:calc(50% - 153.5px);
}

#__42 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:20px;
    font-weight:600;
    line-height:24px;
}

#_3263_211 {
    text-align:center;
    color:#303030;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    width:308px;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:absolute;
    top:381px;
    left:calc(50% - 154.5px);
}

#__43 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
}

#Frame_2087326862_1 {
    --f2w-order:3;
    aspect-ratio:1.38;
    border-radius:0;
    width:auto;
    height:134px;
    position:absolute;
    top:72px;
    left:108px;
    overflow:hidden;
}

#__44 {
    object-fit:cover;
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
}

#Frame_2087326898_1 {
    --f2w-order:4;
    aspect-ratio:1.59;
    border-radius:0;
    width:auto;
    height:116px;
    position:absolute;
    top:211px;
    left:108px;
    overflow:hidden;
}

#__45 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translateY(40px)scaleY(1.69);
}

#_3263_214 {
    text-align:left;
    color:#000;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:35px;
    font-weight:600;
    line-height:40px;
    display:inline;
    position:absolute;
    top:85px;
    left:calc(50% - 181px);
}

#__46 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:35px;
    font-weight:600;
    line-height:40px;
}

#Frame_2087326903_0 {
    grid-column-gap:4px;
    --f2w-order:4;
    background-color:#96807a;
    border-radius:10px;
    flex-flow:row;
    justify-content:center;
    align-items:center;
    width:213px;
    padding:10px 30px;
    display:flex;
    position:absolute;
    top:calc(261.5px + 50%);
    left:calc(50% - 106px);
}

#_3263_216 {
    text-align:left;
    color:#fff;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:relative;
}

#__47 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
}

#_3 {
    --f2w-order:4;
    background-color:#fff;
    border-radius:0;
    width:1440px;
    height:821px;
    position:absolute;
    top:-1px;
    left:0;
    overflow:hidden;
}

#Frame_2087326902 {
    grid-column-gap:10px;
    --f2w-order:0;
    border-radius:0;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    padding:0;
    display:flex;
    position:absolute;
    top:20px;
    left:40px;
}

#Frame_2087326721_0 {
    grid-column-gap:10px;
    --f2w-order:0;
    background-color:#303030;
    border-radius:100px;
    flex-flow:row;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:center;
    width:32px;
    height:32px;
    margin:0;
    padding:5px 0 5px 5px;
    display:flex;
    position:relative;
}

#Frame_2087326881_1 {
    --f2w-order:0;
    border-radius:20px;
    flex-shrink:0;
    width:22px;
    height:22px;
    margin:0;
    position:relative;
    overflow:hidden;
}

#__48 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-.6px)scaleX(1.05);
}

#Frame_2087326901 {
    --f2w-order:1;
    border-radius:0;
    flex-flow:column;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:start;
    row-gap:0;
    width:149px;
    margin:0;
    padding:0;
    display:flex;
    position:relative;
}

#Frame_2087326721_1 {
    --f2w-order:0;
    border-radius:0;
    flex-flow:column;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:start;
    row-gap:0;
    width:100%;
    margin:0;
    padding:6px 0;
    display:flex;
    position:relative;
}

#_3263_223 {
    text-align:left;
    color:#303030;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:100%;
    margin:-6px 0;
    font-family:Raleway;
    font-size:10px;
    font-weight:700;
    line-height:24px;
    display:inline;
    position:relative;
}

#__49 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:10px;
    font-weight:700;
    line-height:24px;
}

#_3263_224 {
    text-align:left;
    color:#303030;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:100%;
    margin:-6px 0;
    font-family:Raleway;
    font-size:10px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:relative;
}

#__50 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:10px;
    font-weight:500;
    line-height:24px;
}

#Frame_2087326910_0 {
    grid-column-gap:33px;
    --f2w-order:1;
    border-radius:0;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    padding:0;
    display:flex;
    position:absolute;
    top:28px;
    left:calc(50% - 216px);
}

#_3263_226 {
    text-align:left;
    color:#000;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    text-decoration:underline;
    display:inline;
    position:relative;
}

#__51 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    text-decoration:underline;
}

#_3263_227 {
    text-align:left;
    color:#000;
    --f2w-order:1;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__52 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3263_228 {
    text-align:left;
    color:#000;
    --f2w-order:2;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__53 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#_3263_229 {
    text-align:left;
    color:#000;
    --f2w-order:3;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
    display:inline;
    position:relative;
}

#__54 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Montserrat;
    font-size:16px;
    font-weight:500;
}

#Rectangle_34624456 {
    --f2w-order:2;
    background-color:#f9f9f9;
    border-radius:10px;
    width:44px;
    height:40px;
    position:absolute;
    top:19px;
    left:1356px;
}

#Group_2087326707 {
    --f2w-order:3;
    width:20px;
    height:23px;
    position:absolute;
    top:27px;
    left:1368px;
}

#Ellipse_964 {
    --f2w-order:0;
    background-color:#3c3c3c;
    border-radius:50%;
    width:10px;
    height:10px;
    position:absolute;
    top:0;
    left:5px;
}

#Ellipse_965 {
    --f2w-order:1;
    width:20px;
    height:10px;
    position:absolute;
    top:13px;
    left:0;
}

#Frame_2087326903_1 {
    grid-column-gap:4px;
    --f2w-order:4;
    background-color:#96807a;
    border-radius:10px;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    padding:10px 30px;
    display:flex;
    position:absolute;
    top:calc(139.5px + 50%);
    left:calc(50% - 679px);
}

#_3263_235 {
    text-align:left;
    color:#fff;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
    display:inline;
    position:relative;
}

#__55 {
    color:#fff;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:600;
    line-height:24px;
}

#Frame_2087326911 {
    grid-column-gap:4px;
    --f2w-order:5;
    border:1px solid #4d4d4d;
    border-radius:10px;
    flex-flow:row;
    justify-content:flex-start;
    align-items:center;
    padding:9px 29px;
    display:flex;
    position:absolute;
    top:calc(139.5px + 50%);
    left:calc(50% - 446.5px);
}

#_3263_237 {
    text-align:left;
    color:#4d4d4d;
    --f2w-order:0;
    -webkit-background-clip:text;
    background-clip:text;
    flex-shrink:0;
    width:max-content;
    margin:0;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
    display:inline;
    position:relative;
}

#__56 {
    color:#4d4d4d;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:24px;
}

#cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_2 {
    --f2w-order:6;
    transform-origin:0 0;
    aspect-ratio:1.29;
    border-radius:70px 70px 70px 0;
    width:auto;
    height:413px;
    position:absolute;
    top:676px;
    left:918px;
    overflow:hidden;
    transform:rotate(-90deg);
}

#__57 {
    opacity:.3;
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translate(-156.6px,-1.9px)scale(1.69,1.14);
}

#_3263_239 {
    text-align:left;
    color:#000;
    --f2w-order:7;
    -webkit-background-clip:text;
    background-clip:text;
    width:718px;
    font-family:Raleway;
    font-size:60px;
    font-weight:600;
    line-height:75px;
    display:inline;
    position:absolute;
    top:230px;
    left:40.5px;
}

#__58 {
    color:#000;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:60px;
    font-weight:600;
    line-height:75px;
}

#_3263_240 {
    text-align:left;
    color:#303030;
    --f2w-order:8;
    -webkit-background-clip:text;
    background-clip:text;
    width:690px;
    font-family:Raleway;
    font-size:25px;
    font-weight:400;
    line-height:35px;
    display:inline;
    position:absolute;
    top:405px;
    left:40px;
}

#__60 {
    color:#303030;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:25px;
    font-weight:400;
    line-height:35px;
}

#_3263_241 {
    text-align:left;
    color:#545454;
    --f2w-order:9;
    -webkit-background-clip:text;
    background-clip:text;
    width:max-content;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:35px;
    display:inline;
    position:absolute;
    top:490px;
    left:53px;
}

#__61 {
    color:#545454;
    -webkit-background-clip:text;
    background-clip:text;
    font-family:Raleway;
    font-size:16px;
    font-weight:500;
    line-height:35px;
}

#Rectangle_34624463_0 {
    --f2w-order:10;
    background-color:#a38881;
    border-radius:100px;
    width:3px;
    height:25px;
    position:absolute;
    top:495px;
    left:40px;
}

#_3_0 {
    --f2w-order:11;
    aspect-ratio:.73;
    border-radius:0;
    width:auto;
    height:431px;
    position:absolute;
    top:195px;
    left:968px;
    overflow:hidden;
}

#__62 {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    transform:translateY(142px)scaleY(1.66);
}

/* ======================================== */

/* Плавные анимации появления при загрузке */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Применяем анимации к элементам с задержкой для каскадного эффекта */
/* Секции анимируются через IntersectionObserver (sr-hidden → sr-visible) */
/* Герой появляется сразу */
#_3 {
    animation: fadeInDown 1s ease-out 0.1s both;
}

/* Заголовок героя */
#_3263_239 {
    animation: fadeInLeft 0.9s ease-out 0.3s both;
}
#_3263_240 {
    animation: fadeInLeft 0.9s ease-out 0.45s both;
}

/* Анимация для иконок */
#Frame_2087326721, #Frame_2087326722 {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#Frame_2087326721:hover, #Frame_2087326722:hover {
    transform: scale(1.15) rotate(8deg);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* Анимация для навигации в верхней панели */
#_3263_226, #_3263_227, #_3263_228, #_3263_229 {
    transition: all 0.3s ease;
    position: relative;
}

#_3263_226::after, #_3263_227::after, #_3263_228::after, #_3263_229::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#_3263_226:hover::after, #_3263_227:hover::after, #_3263_228:hover::after, #_3263_229:hover::after {
    width: 100%;
}

#_3263_226:hover, #_3263_227:hover, #_3263_228:hover, #_3263_229:hover {
    transform: translateY(-2px);
}

/* Анимация для иконки профиля */
#Rectangle_34624456 {
    transition: all 0.3s ease;
}

#Rectangle_34624456:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

#Group_2087326707 {
    transition: all 0.3s ease;
}

#Rectangle_34624456:hover #Group_2087326707 {
    transform: translateY(-3px);
}

/* Анимация для второй кнопки */
#Frame_2087326911 {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#Frame_2087326911:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(77, 77, 77, 0.3);
    border-color: #666 !important;
}

/* Анимация для хедера (верхней панели) и линии - синхронное движение */
#Frame_2087326917 {
    transition: box-shadow 0.4s ease;
}

#Frame_2087326913:hover #Frame_2087326917 {
    box-shadow: 0 8px 25px rgba(163, 136, 129, 0.5);
}

#Frame_2087326917 {
    box-shadow: 0 4px 15px rgba(163, 136, 129, 0.3);
}

#_3258_383, #_3258_384, #_3258_385, #_3258_386 {
    transition: all 0.3s ease;
    position: relative;
}

#_3258_383::after, #_3258_384::after, #_3258_385::after, #_3258_386::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#_3258_383:hover::after, #_3258_384:hover::after, #_3258_385:hover::after, #_3258_386:hover::after {
    width: 100%;
}

#_3258_383:hover, #_3258_384:hover, #_3258_385:hover, #_3258_386:hover {
    transform: translateY(-3px);
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);
}

/* Анимация для Telegram кнопки с плавной пульсацией */
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(42, 171, 238, 0.4); }
    50% { box-shadow: 0 0 0 15px rgba(42, 171, 238, 0); }
}

#Frame_2087326918 {
    transition: all 0.3s ease;
    animation: pulseGlow 2s ease-in-out infinite;
}

#Frame_2087326918:hover,
a#Frame_2087326918:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 30px rgba(42, 171, 238, 0.6);
}

/* Ссылки в коричневом футере */
.footer-nav-link,
#Frame_2087326917 .footer-nav-link {
    text-decoration:none;
    color:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    min-height:44px;
    display:inline-flex;
    align-items:center;
}
.footer-nav-link:hover,
#Frame_2087326917 .footer-nav-link:hover {
    opacity:0.9;
}
#_3258_397 {
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}
#_3258_397:hover {
    text-decoration:none;
}

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

/* Плавные переходы для интерактивных элементов */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Анимация для email */
#_3258_397 {
    transition: all 0.3s ease;
    position: relative;
}

#_3258_397::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #a38881;
    transition: width 0.4s ease;
}

#_3258_397:hover::after {
    width: 100%;
}

#_3258_397:hover {
    color: #a38881 !important;
    transform: translateX(5px);
}

/* Анимация для кнопок с эффектом пружины */
#Frame_2087326903, #Frame_2087326903_0, #Frame_2087326903_1 {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#Frame_2087326903:hover, #Frame_2087326903_0:hover, #Frame_2087326903_1:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 30px rgba(150, 128, 122, 0.5);
}

/* Улучшенная анимация для карточек */
#Frame_2087326919, #Frame_2087326913_0, #Frame_2087326915_0, #Frame_2087326916 {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#Frame_2087326919:hover, #Frame_2087326913_0:hover, #Frame_2087326915_0:hover, #Frame_2087326916:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* Улучшенная анимация для изображений */
#_2, #_2_0, #_1, #_3_0 {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

#_2:hover, #_2_0:hover, #_1:hover, #_3_0:hover {
    transform: scale(1.03);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

#Frame_Header {
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    align-items: center;
    justify-content: space-between;
    background-color:rgba(255, 255, 255, 0.5);
    padding: 35px;
    width: 100%;
    box-sizing: border-box;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ======================================== */

/* removed figma-to-website badge styles */

/* ── Глобальное предотвращение горизонтального скролла ── */
/* overflow-x только на html — на body это создаёт второй scroll-контейнер */
html {
    overflow-x: hidden;
    max-width: 100%;
}

/* ── Бургер и оверлей — скрыты по умолчанию ── */
.mobile-burger {
    display: none;
}
/* На десктопе оверлей скрыт полностью */
@media (min-width: 769px) {
    .mobile-menu-overlay {
        display: none !important;
    }
}

/* ── Адаптивные правила для шапки на любых экранах ── */
@media (max-width: 1439px) {
    #Frame_Header {
        padding: 15px 20px;
        width: 100%;
        box-sizing: border-box;
    }
    #Frame_2087326902 {
        left: 20px;
    }
    #Frame_2087326910_0 {
        left: calc(50% - 180px);
    }
    #auth-buttons {
        right: 20px !important;
        top: 14px !important;
        gap: 8px !important;
    }
    #profile-button {
        right: 20px !important;
        top: 14px !important;
    }
}

@media (max-width: 900px) {
    #Frame_2087326910_0 {
        display: none;
    }
    #auth-buttons a[href*="registration"] {
        padding: 8px 16px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    #Frame_Header {
        padding: 10px 15px;
    }
    #auth-buttons a:first-child {
        display: none;
    }
}

/* ══════════════════════════════════════════
   МОБИЛЬНАЯ АДАПТАЦИЯ (≤ 768px)
   ══════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ══ КОРНЕВОЙ КОНТЕЙНЕР ══ */
    #_0 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        max-height: none !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
    }
    #_ {
        height: auto !important;
        min-height: auto !important;
    }

    /* ══ ШАПКА ══ */
    #Frame_Header {
        padding: 12px 16px;
        height: auto;
        min-height: 56px;
    }
    #Frame_2087326902 {
        left: 16px !important;
        top: 12px !important;
    }
    #Frame_2087326910_0 { display: none !important; }
    #auth-buttons        { display: none !important; }
    #profile-button      { display: none !important; }
    #Group_2087326707    { display: none !important; }
    #Rectangle_34624456  { display: none !important; }

    /* ── Бургер (как было до правок) ── */
    .mobile-burger {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 34px;
        height: 32px;
        cursor: pointer;
        z-index: 1002;
        position: fixed;
        top: 10px;
        right: 14px;
        background: #eee;
        border-radius: 8px;
        transition: background 0.25s ease;
        padding: 0;
    }
    .mobile-burger:hover {
        background: #e5e5e5;
    }
    .mobile-burger span {
        display: block;
        width: 18px;
        height: 2px;
        background: #303030;
        border-radius: 3px;
        transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.28s ease,
                    width 0.32s ease;
        transform-origin: center;
    }
    .mobile-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .mobile-burger.open span:nth-child(2) { opacity: 0; width: 0; }
    .mobile-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* ══ МОБИЛЬНОЕ МЕНЮ ══ */
    .mobile-menu-overlay {
        display: flex !important;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: #fff;
        z-index: 1001;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        overflow: hidden;
        overscroll-behavior: none;
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: opacity 0.3s ease, visibility 0s linear 0.3s, transform 0.35s cubic-bezier(0.4,0,0.2,1);
        pointer-events: none;
    }
    .mobile-menu-overlay.open {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity 0.3s ease, visibility 0s linear 0s, transform 0.35s cubic-bezier(0.4,0,0.2,1);
        pointer-events: auto;
    }

    /* Белый хедер с логотипом */
    .mob-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 20px 14px 16px;
        background: #fff;
    }
    .mob-menu-logo-block {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    /* Логотип в бургер-меню — как везде: круг с кругом внутри */
    .mobile-menu-overlay .logo-icon-wrapper {
        background: #303030;
        border-radius: 100px;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .mobile-menu-overlay .logo-icon {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
    }
    .mobile-menu-overlay .logo-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .mob-menu-brand {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .mob-menu-title {
        font-family: Raleway, sans-serif;
        font-size: 10px;
        font-weight: 700;
        color: #303030;
        line-height: 1.2;
    }
    .mob-menu-tagline {
        font-family: Raleway, sans-serif;
        font-size: 10px;
        font-weight: 500;
        color: #303030;
        line-height: 1.2;
    }

    /* Кнопка закрытия × */
    .mobile-menu-close {
        width: 34px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 8px;
        background: #eee;
        border: none;
        line-height: 1;
        transition: background 0.2s ease;
    }
    .mobile-menu-close:hover { background: #e5e5e5; }
    .mobile-menu-close svg { flex-shrink: 0; }

    /* Линия под хедером (#d7d7d7 как в шаблоне) */
    .mob-menu-divider-line {
        height: 1px;
        background: #d7d7d7;
    }

    /* Коричневая навигационная область (#a38881) — как в шаблоне */
    .mob-menu-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 30px 20px 20px;
        background: #a38881;
        overflow-y: auto;
    }
    .mob-menu-body > a:not(.mob-menu-cta):not(.mob-menu-telegram) {
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        padding: 12px 0;
        margin-bottom: 16px;
        text-align: left;
        width: 100%;
        min-height: 44px;
        display: flex;
        align-items: center;
        transition: color 0.2s ease, opacity 0.2s ease;
        -webkit-tap-highlight-color: rgba(255,255,255,0.2);
        touch-action: manipulation;
    }
    .mob-menu-body > a:not(.mob-menu-cta):not(.mob-menu-telegram):last-of-type { margin-bottom: 0; }
    .mob-menu-body > a:hover { color: rgba(255,255,255,0.9); }
    .mob-menu-body > a.mob-nav-active { text-decoration: underline; }

    /* Вход/Регистрация в мобильном меню — минимум 44px touch target для надёжного тапа */
    .mob-menu-auth {
        min-height: 44px;
        display: flex !important;
        align-items: center;
        padding: 12px 0 !important;
        -webkit-tap-highlight-color: rgba(255,255,255,0.2);
        cursor: pointer;
    }
    .mob-menu-register {
        background: #fff !important;
        color: #4d4d4d !important;
        font-weight: 600 !important;
        border-radius: 10px;
        padding: 10px 24px !important;
        justify-content: center;
        margin-bottom: 16px;
    }
    .mob-menu-register:hover { background: #f5f5f5 !important; color: #333 !important; }
    .mob-menu-logout { opacity: 0.9; }
    .mob-menu-logout:hover { opacity: 1; }

    /* Разделитель Вход/Регистрация */
    .mob-nav-divider {
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,0.25);
        margin: 12px 0;
    }

    .mob-nav-auth-guest { font-size: 18px !important; }
    .mob-nav-register {
        background: #fff !important;
        color: #4d4d4d !important;
        font-weight: 600 !important;
        border-radius: 10px;
        padding: 12px 24px !important;
        text-align: center !important;
        margin-top: 8px;
    }
    .mob-nav-register:hover { background: #f5f5f5 !important; color: #333 !important; }
    .mob-nav-logout { color: rgba(255,255,255,0.9) !important; font-size: 16px !important; }

    /* Белая CTA-кнопка «Проверить резюме» — 354×40px, Raleway 14px 600 #4d4d4d */
    .mob-menu-cta {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 5px;
        background: #fff !important;
        color: #4d4d4d !important;
        font-family: Raleway, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        border-radius: 10px;
        padding: 8px 30px !important;
        margin-top: 30px;
        margin-bottom: 0;
        min-height: 44px;
        height: 40px;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        max-width: 354px;
        align-self: center;
        text-decoration: none;
        width: 100%;
    }
    .mob-menu-cta:hover { background: #f5f5f5 !important; color: #333 !important; }
    .mob-menu-cta svg { flex-shrink: 0; width: 15px; height: 15px; }

    /* Нижний блок: копирайт слева, Telegram справа — как в шаблоне */
    .mob-menu-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        padding-top: 24px;
    }
    .mob-menu-copy {
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }
    .mob-menu-telegram {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        background: #29a9ea !important;
        color: #fff !important;
        font-family: Raleway, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
        border-radius: 10px;
        padding: 3px 10px;
        text-decoration: none;
    }
    .mob-menu-telegram:hover { background: #2494d3 !important; color: #fff !important; }
    .mob-menu-telegram svg { flex-shrink: 0; width: 20px; height: 20px; }

    /* Белая линия внизу — Line_141 */
    .mob-menu-footer-line {
        height: 1px;
        background: #fff;
        margin: 0 20px;
    }

    /* ══ СЕКЦИЯ 1: ГЕРОЙ (#_3) — как в шаблоне: центрированный блок ══ */
    #_3 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        top: auto !important;
        left: auto !important;
        order: 1;
        overflow: hidden;
        padding: 80px 20px 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Декоративный градиент — скрываем */
    #cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_2 {
        display: none !important;
    }

    /* Перестраиваем порядок: заголовок → подзаголовок → пометка → картинка → кнопки (по шаблону) */
    #_3263_239 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 28px !important;
        line-height: 32px !important;
        margin-top: 10px;
        order: 1;
        text-align: center;
    }
    #__58 { font-size: 28px !important; line-height: 32px !important; }

    #_3263_240 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 16px !important;
        line-height: 26px !important;
        margin-top: 14px;
        order: 2;
        text-align: center;
    }
    #__60 { font-size: 16px !important; line-height: 26px !important; }

    #_3263_241 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        max-width: 340px;
        margin-top: 12px;
        padding-left: 12px;
        border-left: 3px solid #a38881;
        font-size: 13px !important;
        line-height: 22px !important;
        order: 3;
        align-self: flex-start;
    }
    #__61 { font-size: 13px !important; line-height: 22px !important; }

    /* Декоративный бар рядом с пометкой — скрываем (заменён border-left) */
    #Rectangle_34624463_0 { display: none !important; }

    /* Картинка телефона */
    #_3_0 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 75% !important;
        height: 300px !important;
        margin: 24px auto 0;
        order: 4;
        border-radius: 16px;
        overflow: hidden;
    }
    #__62 {
        transform: none !important;
        object-fit: contain;
        object-position: top center;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        inset: 0;
    }

    /* Кнопки — full-width как в шаблоне */
    #Frame_2087326903_1 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 24px;
        order: 5;
        width: 100% !important;
        max-width: 322px;
        justify-content: center;
    }
    #Frame_2087326911 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 12px;
        order: 6;
        width: 100% !important;
        max-width: 322px;
        justify-content: center;
    }

    /* ══ СЕКЦИЯ 2: "НА КАКОМ ЭТАПЕ" (#Frame_2087326914) ══ */
    #Frame_2087326914 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        top: auto !important; left: auto !important;
        order: 2;
        overflow: visible;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
    }

    #_3263_170 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 22px !important;
        line-height: 30px !important;
        order: 1;
    }
    #__10 { font-size: 22px !important; line-height: 30px !important; }

    #_3263_171 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 15px !important;
        line-height: 22px !important;
        margin-top: 10px;
        order: 2;
    }
    #__11 { font-size: 15px !important; line-height: 22px !important; }

    #Frame_2087326903 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 20px;
        order: 4;
    }

    /* Карточка ATS/Рекрутер — flex-column с переупорядочиванием */
    #Frame_2087326919 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        margin-top: 24px;
        padding: 20px 16px;
        border-radius: 20px;
        order: 3;
        display: flex;
        flex-direction: column;
    }

    /* ATS-блок */
    #Frame_2087326721 {
        position: relative !important;
        top: auto !important; left: auto !important;
        order: 1;
        margin-bottom: 6px;
    }
    #_3263_177 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 17px !important;
        line-height: 22px !important;
        margin-top: 0;
        margin-left: 0 !important;
        order: 2;
    }
    #__14 { font-size: 17px !important; }
    #_3263_179 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 14px !important;
        line-height: 22px !important;
        margin-top: 4px;
        order: 3;
    }
    #__16 { font-size: 14px !important; }
    #_3263_181 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 22px !important;
        margin-top: 6px;
        order: 4;
    }
    #__18 { font-size: 13px !important; }
    #Rectangle_34624463 { display: none !important; }
    #_3263_183 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 12px !important;
        line-height: 20px !important;
        margin-top: 8px;
        padding-left: 10px;
        border-left: 3px solid #a38881;
        order: 5;
    }
    #__24 { font-size: 12px !important; }

    /* Разделитель */
    #Line_142 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: 1px;
        margin: 20px 0;
        order: 6;
        transform: none !important;
        border: none;
        border-top: 1px dashed #a38881 !important;
    }

    /* Рекрутер-блок */
    #Frame_2087326722 {
        position: relative !important;
        top: auto !important; left: auto !important;
        order: 7;
        margin-bottom: 6px;
    }
    #_3263_178 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 17px !important;
        line-height: 22px !important;
        margin-top: 0;
        margin-left: 0 !important;
        order: 8;
    }
    #__15 { font-size: 17px !important; }
    #_3263_180 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 14px !important;
        line-height: 22px !important;
        margin-top: 4px;
        order: 9;
    }
    #__17 { font-size: 14px !important; }
    #_3263_182 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 22px !important;
        margin-top: 6px;
        order: 10;
    }
    #__21 { font-size: 13px !important; }
    #Rectangle_34624464 { display: none !important; }
    #_3263_184 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 12px !important;
        line-height: 20px !important;
        margin-top: 8px;
        padding-left: 10px;
        border-left: 3px solid #a38881;
        order: 11;
    }
    #__25 { font-size: 12px !important; }

    /* ══ СЕКЦИЯ 3: "МЫ ТОЖЕ ПРОХОДИЛИ" (#Frame_2087326915) ══ */
    #Frame_2087326915 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important; left: auto !important;
        order: 3;
        overflow: visible;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
    }
    #Group_2087326729 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
    }
    /* Frame_2087326919_0 — фоновая карточка с картинкой, идёт ПОСЛЕДНЕЙ в группе */
    #Frame_2087326919_0 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 240px;
        padding: 0;
        border-radius: 20px;
        order: 4;
        overflow: hidden;
    }
    /* Переупорядочиваем: заголовок → линия → текст → картинка */
    #_3263_194 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 22px !important;
        line-height: 30px !important;
        order: 1;
    }
    #__28 { font-size: 22px !important; line-height: 30px !important; }
    #Line_143 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        margin: 12px 0;
        order: 2;
    }
    #_3263_195 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: auto !important;
        font-size: 15px !important;
        line-height: 24px !important;
        margin-bottom: 20px;
        order: 3;
    }
    #__29 { font-size: 15px !important; line-height: 24px !important; }
    /* Картинка внутри Frame_2087326919_0 */
    #_2 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: 220px !important;
        aspect-ratio: auto !important;
        border-radius: 0 !important;
        overflow: hidden;
    }
    #__27 {
        transform: none !important;
        object-fit: cover;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        inset: 0;
    }

    /* ══ СЕКЦИЯ 4: "КАК РАБОТАЕТ СЕРВИС" (#Frame_2087326912) ══ */
    #Frame_2087326912 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important; left: auto !important;
        order: 4;
        overflow: visible;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #_3263_214 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center;
        order: 1;
    }
    #__46 { font-size: 24px !important; }

    /* Три карточки — вертикально */
    #Frame_2087326913_0 { order: 2; }
    #Frame_2087326915_0 { order: 3; }
    #Frame_2087326916   { order: 4; }

    #Frame_2087326913_0,
    #Frame_2087326915_0,
    #Frame_2087326916 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: 340px !important;
        min-height: unset !important;
        margin-top: 16px;
        border-radius: 20px;
        overflow: hidden;
    }

    /* Декоративные фоны — скрываем */
    #cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1,
    #cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_0,
    #cornflower_brown_blue_green_gradient_wallpaper_background_vector_illustration_172010_1245_1_1 {
        display: none !important;
    }

    /* Телефонные изображения — центрируем вверху карточки */
    #_2_0, #_1 {
        position: absolute !important;
        top: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        height: 185px !important;
    }
    #__31 { transform: none !important; object-fit: contain; width: 100% !important; height: 100% !important; }
    #__40 { transform: none !important; object-fit: contain; width: 100% !important; height: 100% !important; }

    #Frame_2087326862_1 {
        position: absolute !important;
        top: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        height: 110px !important;
    }
    #Frame_2087326898_1 {
        position: absolute !important;
        top: 136px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        height: 90px !important;
    }
    #__45 { transform: none !important; object-fit: contain; width: 100% !important; height: 100% !important; }

    /* Заголовки карточек */
    #_3263_201, #_3263_205, #_3263_210 {
        position: absolute !important;
        top: auto !important;
        bottom: 58px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center;
        font-size: 17px !important;
        line-height: 22px !important;
        padding: 0 12px;
    }
    #__32, #__36, #__37, #__38, #__42 { font-size: 17px !important; }

    /* Описания карточек */
    #_3263_202, #_3263_206, #_3263_211 {
        position: absolute !important;
        top: auto !important;
        bottom: 14px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 88% !important;
        text-align: center;
        font-size: 13px !important;
        line-height: 18px !important;
    }
    #__33, #__39, #__43 { font-size: 13px !important; }

    /* Кнопка после карточек */
    #Frame_2087326903_0 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 24px;
        display: flex !important;
        order: 5;
    }

    /* ══ СЕКЦИЯ 5: ПОДВАЛ (#Frame_2087326913) — как в шаблоне: коричневый блок ══ */
    #Frame_2087326913 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important; left: auto !important;
        order: 5;
        overflow: visible;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        background: transparent !important;
    }

    /* Переупорядочиваем: вопросы → email → линия → блок с коричневым фоном */
    #_3258_396 {
        position: relative !important;
        top: auto !important; left: auto !important;
        font-size: 18px !important;
        line-height: 24px !important;
        order: 1;
        padding: 0 20px;
        margin-bottom: 6px;
        color: #737272 !important;
    }
    #__8 { font-size: 18px !important; }

    #_3258_397 {
        position: relative !important;
        top: auto !important; left: auto !important;
        font-size: 20px !important;
        line-height: 28px !important;
        margin-top: 4px;
        order: 2;
        padding: 0 20px;
        margin-bottom: 24px;
        color: #000 !important;
    }
    #__9 { font-size: 20px !important; }

    #Line_141 {
        display: none !important;
    }

    /* Коричневый блок футера как в шаблоне (#a38881) */
    #Frame_2087326917 {
        position: relative !important;
        top: auto !important; left: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 24px 20px 28px !important;
        border-radius: 20px 20px 0 0 !important;
        order: 4 !important;
        display: flex;
        flex-direction: column;
        background-color: #a38881 !important;
        box-shadow: 0 -4px 20px rgba(163, 136, 129, 0.3);
    }
    #Frame_2087326910 {
        position: relative !important;
        top: auto !important; left: auto !important;
        flex-direction: column !important;
        flex-wrap: wrap;
        gap: 4px !important;
        align-items: flex-start;
        order: 1;
    }
    #_3258_381 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 14px;
        order: 4;
    }
    #_3258_387 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 8px;
        order: 2;
    }
    #_3258_388 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 4px;
        order: 3;
    }
    #Frame_2087326918,
    a#Frame_2087326918 {
        position: relative !important;
        top: auto !important; left: auto !important;
        margin-top: 16px;
        order: 5;
        min-height: 44px;
        min-width: 44px;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    /* Ссылки футера — минимум 44px для удобного тапа на мобильных */
    #Frame_2087326917 .footer-nav-link {
        min-height: 44px;
        padding: 8px 0;
        -webkit-tap-highlight-color: rgba(255,255,255,0.2);
        touch-action: manipulation;
    }
    #_3258_397 {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        padding: 8px 0;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    /* Текст в коричневом футере — белый, как в шаблоне */
    #Frame_2087326917 #_3258_381,
    #Frame_2087326917 #_3258_387,
    #Frame_2087326917 #_3258_388,
    #Frame_2087326917 #_3258_395,
    #Frame_2087326917 #__0, #Frame_2087326917 #__5, #Frame_2087326917 #__6, #Frame_2087326917 #__7 {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    #Frame_2087326917 #_3258_383,
    #Frame_2087326917 #_3258_384,
    #Frame_2087326917 #_3258_385,
    #Frame_2087326917 #_3258_386,
    #Frame_2087326917 #_3258_383 span,
    #Frame_2087326917 #_3258_384 span,
    #Frame_2087326917 #_3258_385 span,
    #Frame_2087326917 #_3258_386 span {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
    #Frame_2087326917 a {
        color: #fff !important;
    }

    /* ══ МОБИЛЬНЫЕ АНИМАЦИИ (перенесены с index.html) ══ */
    #_3 {
        animation: fadeInDown 0.8s ease-out 0.1s both;
    }
    #_3263_239 {
        animation: fadeInLeft 0.7s ease-out 0.25s both;
    }
    #_3263_240 {
        animation: fadeInLeft 0.7s ease-out 0.4s both;
    }
    #_3263_241 {
        animation: fadeInLeft 0.7s ease-out 0.55s both;
    }
    #_3_0 {
        animation: scaleIn 0.8s ease-out 0.6s both;
    }
    #Frame_2087326903_1,
    #Frame_2087326911 {
        animation: fadeInUp 0.6s ease-out 0.75s both;
    }
    #Frame_2087326911 {
        animation-delay: 0.9s;
    }
    /* Scroll-reveal анимации для мобильных секций */
    #Frame_2087326914.sr-visible,
    #Frame_2087326915.sr-visible,
    #Frame_2087326912.sr-visible,
    #Frame_2087326913.sr-visible {
        animation: fadeInUp 0.6s ease-out both;
    }
}

/* ── Анимации шапки главной страницы ── */

@keyframes headerSlideDown {
    from { transform: translateY(-110%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

@keyframes navFadeIn {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes authFadeIn {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Шапка — плавный слайд сверху */
#Frame_Header {
    animation: headerSlideDown 0.65s cubic-bezier(0.4, 0, 0.2, 1) both;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Логотип */
#Frame_2087326902 {
    animation: navFadeIn 0.6s ease 0.15s both;
}

/* Навигационные ссылки — каждая с небольшой задержкой */
#Frame_2087326910_0 {
    animation: navFadeIn 0.6s ease 0.25s both;
}

/* Кнопки входа/профиля */
#auth-buttons,
#profile-button {
    animation: authFadeIn 0.6s ease 0.35s both;
}

/* ── Стили nav-ссылок шапки ── */

a.main-nav-link {
    text-decoration: none;
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    transition: color 0.25s ease, transform 0.25s ease;
    display: inline-block;
}

a.main-nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #96807a;
    border-radius: 2px;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

a.main-nav-link:hover {
    color: #96807a;
    transform: translateY(-2px);
}

a.main-nav-link:hover::after {
    width: 100%;
}

a.main-nav-link.main-nav-active {
    text-decoration: underline;
}

a.main-nav-link.main-nav-active::after {
    display: none;
}

/* ── Кнопки 'Проверить резюме' как ссылки ── */

a#Frame_2087326903,
a#Frame_2087326903_0,
a#Frame_2087326903_1 {
    text-decoration: none;
    display: inline-flex;
    width: fit-content;
    box-sizing: border-box;
}

/* Убираем outline на ссылках-кнопках */
a#Frame_2087326903:focus,
a#Frame_2087326903_0:focus,
a#Frame_2087326903_1:focus {
    outline: none;
}

/* Ripple-эффект при клике на кнопки */
a#Frame_2087326903_1,
a#Frame_2087326903_0,
a#Frame_2087326903 {
    position: relative;
    overflow: hidden;
}

a#Frame_2087326903_1::before,
a#Frame_2087326903_0::before,
a#Frame_2087326903::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.15);
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
}

a#Frame_2087326903_1:active::before,
a#Frame_2087326903_0:active::before,
a#Frame_2087326903:active::before {
    opacity: 1;
}

/* ══════════════════════════════════════════
   ПРОФИЛЬ — ВЫПАДАЮЩЕЕ МЕНЮ
   ══════════════════════════════════════════ */

.profile-dropdown {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 28px rgba(0,0,0,0.13);
    min-width: 196px;
    padding: 6px 0;
    z-index: 1010;
    animation: fadeInDown 0.2s ease both;
    border: 1px solid rgba(0,0,0,0.06);
}
.profile-dropdown.open {
    display: block;
}
.profile-dropdown-item {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 10px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    border-radius: 0;
    transition: background 0.18s ease;
    pointer-events: auto;
}
.profile-dropdown-item:hover {
    background: rgba(0,0,0,0.04);
}
.logout-item {
    color: #d94444;
}

/* Небольшой треугольник сверху */
.profile-dropdown::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 14px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.06);
    border-left: 1px solid rgba(0,0,0,0.06);
    transform: rotate(45deg);
    z-index: -1;
}

/* Hover на кнопке профиля */
#Rectangle_34624456:hover {
    background-color: #f0f0f0 !important;
}

/* ══════════════════════════════════════════
   SCROLL-REVEAL АНИМАЦИИ
   ══════════════════════════════════════════ */

.sr-hidden {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}
.sr-hidden.sr-visible {
    opacity: 1;
    transform: translateY(0);
}
.sr-hidden.sr-delay-1 { transition-delay: 0.1s; }
.sr-hidden.sr-delay-2 { transition-delay: 0.2s; }
.sr-hidden.sr-delay-3 { transition-delay: 0.3s; }

/* ══════════════════════════════════════════
   ГЛОБАЛЬНЫЕ МОБИЛЬНЫЕ ФИКСЫ
   ══════════════════════════════════════════ */

@media (max-width: 768px) {
    /* Предотвращаем выход текста за пределы экрана (осторожно — не ломаем flex/position) */
    #_0 * {
        box-sizing: border-box;
    }
    #Frame_2087326913, #Frame_2087326917, #Frame_2087326910, #Frame_2087326918,
    .footer-nav-link, .footer-telegram-btn {
        max-width: 100%;
    }
    /* Перенос длинных слов */
    #_0 span.text,
    #_0 span[id^="__"] {
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }
    /* Запрещаем горизонтальный скролл на каждой секции */
    #Frame_2087326914,
    #Frame_2087326915,
    #Frame_2087326912,
    #Frame_2087326913,
    #_3 {
        overflow-x: hidden;
    }
}