.base-main{height:600px;background-color:var(--accent-400);position:relative;margin-bottom:-50px;display:flex;justify-content:center;z-index:1;overflow:hidden}body:has(.base-main) .base-section{position:relative;z-index:2}body:has(.base-main) .base-main+.base-section,body:has(.base-main) .base-main+:has(.base-section) .base-section{border-radius:30px 30px 0 0;padding-top:100px}body:has(.base-main) .base-main+.base-section:not(:has(.base-section-header)){padding-top:100px}.base-main-header__wrapper{height:inherit;overflow:hidden;position:fixed;transform-origin:center bottom;width:100%}.base-main-header.container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;margin-top:240px}.base-main-header h1{color:var(--text-200)}.base-main-header h1 span{color:var(--accent-100)}.base-main-tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.base-main-tags .base-tag._bordered{background-color:var(--text-900);outline:1px solid var(--accent-200);color:var(--text-200);padding:7px 15px}.base-main-tags .base-tag._bordered .base-tag-text{font-weight:400;font-size:16px}.base-main-header .base-button__wrapper{margin-top:20px}@media screen and (max-width:1699px){.base-main{height:500px;margin-bottom:-30px}body:has(.base-main) .base-main+.base-section,body:has(.base-main) .base-main+:has(.base-section) .base-section{padding-top:80px}body:has(.base-main) .base-main+.base-section:not(:has(.base-section-header)){padding-top:80px}.base-main-header.container{margin-top:190px}.base-main-header h1{font-size:80px}.base-main-header h1 span{font-size:32px}}@media screen and (max-width:1199px){.base-main-header.container{margin-top:200px}.base-main-header h1{font-size:60px}.base-main-header h1 span{font-size:32px}.base-main-tags{gap:5px}body:has(.base-main) .base-main+.base-section:not(:has(.base-section-header)){padding-top:60px}}@media screen and (max-width:639px){.base-main-header.container{margin-top:220px}body:has(.base-main) .base-main+.base-section,body:has(.base-main) .base-main+:has(.base-section) .base-section{padding-top:10px}body:has(.base-main) .base-main+.base-section:not(:has(.base-section-header)){padding-top:40px}.base-main-header h1{font-size:32px}.base-main-header h1 span{font-size:20px}}