@charset "UTF-8";* ::-webkit-scrollbar,* ::-webkit-scrollbar-track{background-color:#282433}* ::-webkit-scrollbar{width:8px;height:8px;border-radius:24px}* ::-webkit-scrollbar-thumb{border-radius:24px;background-color:#363142}@media screen and (-webkit-min-device-pixel-ratio:0)and (max-device-width:1024px){button:focus,input:focus,select:focus,textarea:focus{font-size:medium}}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-track{background:none!important}.react-horizontal-scrolling-menu--scroll-container.no-scroll-brief{grid-column-gap:0!important}.react-horizontal-scrolling-menu--scroll-container{grid-column-gap:16px;display:flex;padding-bottom:40px}.react-horizontal-scrolling-menu--scroll-container .react-horizontal-scrolling-menu--item>article{height:100%}.lifetime::-webkit-scrollbar,.lifetime::-webkit-scrollbar-track{background-color:rgba(169,157,254,.08)}.lifetime::-webkit-scrollbar{width:8px;height:8px;border-radius:24px}.lifetime::-webkit-scrollbar-thumb{border-radius:24px;background-color:rgba(169,157,254,.12)}.no-scroll-brief::-webkit-scrollbar,.no-scroll::-webkit-scrollbar{display:none}.youtubeContainer{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.youtubeContainer iframe{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:16px}.select-scroll::-webkit-scrollbar-track{background-color:#282433}.select-scroll::-webkit-scrollbar{width:4px;height:4px;border-radius:4px}.select-scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:#544e66}.select-scroll-light::-webkit-scrollbar-track{background-color:#d1d8e3}.select-scroll-light::-webkit-scrollbar{width:6px}.select-scroll-light::-webkit-scrollbar-thumb{border-radius:0;background-color:#b3bcc9}.lesson-note .ProseMirror{height:300px}.ProseMirror{background-color:#282433;border-color:#363142;border-width:1px;font-size:14px;border-radius:6px;padding:14px 16px;margin-bottom:20px;transition:all .2s;height:150px;overflow-y:auto}.ProseMirror:hover{border-color:#6c6480;transition:all .2s}.ProseMirror:focus-visible{outline:none;border-color:#6c6480;transition:all .2s}.ProseMirror img{height:auto;max-width:95%}.ProseMirror img.ProseMirror-selectednode{outline:2px solid #a99dfe;border-radius:1px}.ProseMirror p.is-editor-empty:first-child:before{color:#6c6480;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror a{color:#af89ff;text-decoration:underline}.ProseMirror pre{background:#1a1821;border-radius:.5rem;color:#e0d1ff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}select option{background-color:#363142!important}.article pre{white-space:pre-wrap;border-radius:4px;width:100%;background-color:#1a1821!important;overflow-y:auto;padding:34px 16px;color:#e0d1ff}.tutorials ol,.tutorials ul{margin-left:20px}.tutorials ol li,.tutorials ul li{margin:4px 0}.tutorials iframe{width:100%;max-width:720px;aspect-ratio:16/9}.tutorials .box{background-color:#1a1821!important;overflow-y:auto}.tutorials .box pre{padding:10px;color:#e0d1ff}.tutorials a{color:#af89ff;text-decoration:underline}.accordion{width:100%;overflow:hidden}.accordion .accordion-header{cursor:pointer;width:100%;text-align:left;border:none;transition:background-color .2s ease;padding:32px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;display:flex;align-items:center;justify-content:space-between;gap:24px}.accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .2s ease-out;border-bottom:1px solid #e7eaed}.accordion .accordion-content:last-of-type{border:0}.accordion .accordion-content.active{height:auto;max-height:14em;overflow-y:auto}.accordion .accordion-content p{padding-bottom:20px}.react-pdf__Document{display:flex!important;justify-content:center!important}.react-pdf__Page__annotations,.react-pdf__Page__canvas{max-width:100%!important;height:auto!important}.pdf-container{background-color:#110f17;padding:1% 0 10px}@media screen and (min-width:901px)and (max-width:1600px){.pdf-container{padding:5% 0 10px}}@media screen and (min-width:701px)and (max-width:900px){.pdf-container{padding:10% 0 10px}}@media screen and (max-width:700px){.pdf-container{padding:20% 0 10px}}.progress-animation{animation:progress .7s ease-in 1}@keyframes progress{0%{width:0}}.fade-in-image{animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.xarvis-format .code-markdown{padding:.2em .4em}.xarvis-format .code-markdown,.xarvis-format .pre-markdown{background-color:#dbd3f0;color:#6c6480;border-radius:4px;font-family:Courier New,Courier,monospace}.xarvis-format .pre-markdown{padding:1em;margin:16px 0;white-space:pre-wrap;word-wrap:break-word;overflow:auto}.xarvis-format ol,.xarvis-format ul{counter-reset:item;margin-left:.5em;padding-left:.5em}.xarvis-format li{display:block;margin-bottom:.5em;margin-left:.1em}.xarvis-format li:before{content:counters(item,".") ". ";counter-increment:item;color:#6c6480;font-weight:700;display:inline-block;width:1.5em}.custom-dots{position:absolute;bottom:-25px;list-style:none;display:flex;justify-content:center;width:100%}.custom-dots li{margin:0 3px!important}.custom-dots li button:before{font-size:8px!important;color:#403c5d!important;opacity:1!important}.custom-dots li.slick-active button:before{color:#956fe5!important}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(../images/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../fonts/slick.25572f22.eot);src:url(../fonts/slick.25572f22.eot#iefix) format("embedded-opentype"),url(../fonts/slick.653a4cbb.woff) format("woff"),url(../fonts/slick.6aa1ee46.ttf) format("truetype"),url(../images/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

.css-1sfhmut {
        height: 1px;
        width: 1;
      }

@font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuFpm5wA&skey=d896b51311bb3f4e&v=v21) format('woff')
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuJJm5wA&skey=d896b51311bb3f4e&v=v21) format('woff')
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuyJ65wA&skey=d896b51311bb3f4e&v=v21) format('woff')
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z65wA&skey=d896b51311bb3f4e&v=v21) format('woff')
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNJfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Public Sans';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNJfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Public Sans';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNJfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Public Sans';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNJfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: 'Public Sans';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Public Sans';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

@font-face {
      font-family: 'Kanit';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=nKKU-Go6G5tXcr4uPiWj&skey=5c0b966606f30209&v=v17) format('woff')
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=S6u8w4BMUTPHh30wWA&skey=cfa1ba7b04a1ba34&v=v25) format('woff')
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=S6u9w4BMUTPHh7USeww&skey=91f32e07d083dd3a&v=v25) format('woff')
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=S6uyw4BMUTPHvxo&skey=2d58b92a99e1c086&v=v25) format('woff')
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=S6u9w4BMUTPHh6UVeww&skey=3480a19627739c0d&v=v25) format('woff')
    }

    @font-face {
      font-family: 'Kanit';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/nKKU-Go6G5tXcr4uPhWzVaFrNlJzIu4.woff2) format('woff2');
      unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC
    }

    @font-face {
      font-family: 'Kanit';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/nKKU-Go6G5tXcr4uPhWoVaFrNlJzIu4.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: 'Kanit';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/nKKU-Go6G5tXcr4uPhWpVaFrNlJzIu4.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Kanit';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/nKKU-Go6G5tXcr4uPhWnVaFrNlJz.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(fonts/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Lato';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(fonts/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Lato';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Lato';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Lato';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

:host,
      :root,
      [data-theme] {
        --chakra-ring-inset: var(--chakra-empty,
            /*!*/
            /*!*/
          );
        --chakra-ring-offset-width: 0px;
        --chakra-ring-offset-color: #fff;
        --chakra-ring-color: rgba(66, 153, 225, 0.6);
        --chakra-ring-offset-shadow: 0 0 #0000;
        --chakra-ring-shadow: 0 0 #0000;
        --chakra-space-x-reverse: 0;
        --chakra-space-y-reverse: 0;
        --chakra-colors-transparent: transparent;
        --chakra-colors-current: currentColor;
        --chakra-colors-black: #000000;
        --chakra-colors-white: #FFFFFF;
        --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
        --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
        --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
        --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
        --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
        --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
        --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
        --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
        --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
        --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
        --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
        --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
        --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
        --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
        --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
        --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
        --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
        --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
        --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
        --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
        --chakra-colors-gray-50: #F7FAFC;
        --chakra-colors-gray-100: #EDF2F7;
        --chakra-colors-gray-200: #E2E8F0;
        --chakra-colors-gray-300: #CBD5E0;
        --chakra-colors-gray-400: #A0AEC0;
        --chakra-colors-gray-500: #718096;
        --chakra-colors-gray-600: #4A5568;
        --chakra-colors-gray-700: #2D3748;
        --chakra-colors-gray-800: #1A202C;
        --chakra-colors-gray-900: #171923;
        --chakra-colors-red-50: #FFF5F5;
        --chakra-colors-red-100: #FFD2CC;
        --chakra-colors-red-200: #FF9C99;
        --chakra-colors-red-250: #FF9180;
        --chakra-colors-red-300: #FF706B;
        --chakra-colors-red-350: #FF6056;
        --chakra-colors-red-375: #DE3C3C;
        --chakra-colors-red-400: #B43B37;
        --chakra-colors-red-500: #7C221F;
        --chakra-colors-red-600: #C53030;
        --chakra-colors-red-700: #9B2C2C;
        --chakra-colors-red-800: #822727;
        --chakra-colors-red-900: #63171B;
        --chakra-colors-orange-50: #FFFAF0;
        --chakra-colors-orange-100: #FEEBC8;
        --chakra-colors-orange-200: #FFB158;
        --chakra-colors-orange-250: #FF994B;
        --chakra-colors-orange-300: #ec6d32;
        --chakra-colors-orange-350: #FF8528;
        --chakra-colors-orange-400: #FF5201;
        --chakra-colors-orange-500: #DD6B20;
        --chakra-colors-orange-600: #ed5406;
        --chakra-colors-orange-700: #9C4221;
        --chakra-colors-orange-800: #7B341E;
        --chakra-colors-orange-900: #652B19;
        --chakra-colors-yellow-50: #FFFFF0;
        --chakra-colors-yellow-100: #F0EFBC;
        --chakra-colors-yellow-200: #FCDE83;
        --chakra-colors-yellow-300: #FAC833;
        --chakra-colors-yellow-350: #c8a021;
        --chakra-colors-yellow-400: #987A23;
        --chakra-colors-yellow-500: #5E4600;
        --chakra-colors-yellow-600: #B7791F;
        --chakra-colors-yellow-700: #975A16;
        --chakra-colors-yellow-800: #744210;
        --chakra-colors-yellow-900: #5F370E;
        --chakra-colors-green-50: #F0FFF4;
        --chakra-colors-green-100: #D8EAD3;
        --chakra-colors-green-200: #C6FFB4;
        --chakra-colors-green-225: #45BC75;
        --chakra-colors-green-300: #74C85B;
        --chakra-colors-green-400: #4EA135;
        --chakra-colors-green-500: #29541C;
        --chakra-colors-green-550: #6D8C6B;
        --chakra-colors-green-600: #2F855A;
        --chakra-colors-green-700: #276749;
        --chakra-colors-green-800: #22543D;
        --chakra-colors-green-900: #1C4532;
        --chakra-colors-teal-50: #E6FFFA;
        --chakra-colors-teal-100: #B2F5EA;
        --chakra-colors-teal-200: #81E6D9;
        --chakra-colors-teal-300: #4FD1C5;
        --chakra-colors-teal-400: #38B2AC;
        --chakra-colors-teal-500: #319795;
        --chakra-colors-teal-600: #2C7A7B;
        --chakra-colors-teal-700: #285E61;
        --chakra-colors-teal-800: #234E52;
        --chakra-colors-teal-900: #1D4044;
        --chakra-colors-blue-50: #ebf8ff;
        --chakra-colors-blue-100: #bee3f8;
        --chakra-colors-blue-200: #90cdf4;
        --chakra-colors-blue-300: #63b3ed;
        --chakra-colors-blue-400: #4299e1;
        --chakra-colors-blue-500: #3182ce;
        --chakra-colors-blue-550: #201835;
        --chakra-colors-blue-600: #291F42;
        --chakra-colors-blue-700: #2B1E45;
        --chakra-colors-blue-800: #1D1332;
        --chakra-colors-blue-900: #140C24;
        --chakra-colors-cyan-50: #EDFDFD;
        --chakra-colors-cyan-100: #C4F1F9;
        --chakra-colors-cyan-200: #9DECF9;
        --chakra-colors-cyan-300: #76E4F7;
        --chakra-colors-cyan-400: #0BC5EA;
        --chakra-colors-cyan-500: #00B5D8;
        --chakra-colors-cyan-600: #00A3C4;
        --chakra-colors-cyan-700: #0987A0;
        --chakra-colors-cyan-800: #086F83;
        --chakra-colors-cyan-900: #065666;
        --chakra-colors-purple-25: #F7F5FF;
        --chakra-colors-purple-50: #E0D1FF;
        --chakra-colors-purple-100: #AF89FF;
        --chakra-colors-purple-150: #A99DFE;
        --chakra-colors-purple-180: #8F83E7;
        --chakra-colors-purple-200: #956FE5;
        --chakra-colors-purple-225: #796CD0;
        --chakra-colors-purple-250: #8377D7;
        --chakra-colors-purple-300: #7855C3;
        --chakra-colors-purple-400: #5E3EA1;
        --chakra-colors-purple-450: #331E61;
        --chakra-colors-purple-500: #301A5D;
        --chakra-colors-purple-600: #6B46C1;
        --chakra-colors-purple-700: #2A1E47;
        --chakra-colors-purple-800: #352950;
        --chakra-colors-purple-900: #322659;
        --chakra-colors-purple-rgba100: rgba(93, 62, 160, 0.2);
        --chakra-colors-purple-rgba: rgba(93, 62, 160, 0.1);
        --chakra-colors-pink-50: #FFF5F7;
        --chakra-colors-pink-100: #FFBDCE;
        --chakra-colors-pink-200: #F487A3;
        --chakra-colors-pink-300: #F56B8E;
        --chakra-colors-pink-400: #E7426B;
        --chakra-colors-pink-500: #8C2841;
        --chakra-colors-pink-600: #B83280;
        --chakra-colors-pink-700: #97266D;
        --chakra-colors-pink-800: #702459;
        --chakra-colors-pink-900: #521B41;
        --chakra-colors-linkedin-50: #E8F4F9;
        --chakra-colors-linkedin-100: #CFEDFB;
        --chakra-colors-linkedin-200: #9BDAF3;
        --chakra-colors-linkedin-300: #68C7EC;
        --chakra-colors-linkedin-400: #34B3E4;
        --chakra-colors-linkedin-500: #00A0DC;
        --chakra-colors-linkedin-600: #008CC9;
        --chakra-colors-linkedin-700: #0077B5;
        --chakra-colors-linkedin-800: #005E93;
        --chakra-colors-linkedin-900: #004471;
        --chakra-colors-facebook-50: #E8F4F9;
        --chakra-colors-facebook-100: #D9DEE9;
        --chakra-colors-facebook-200: #B7C2DA;
        --chakra-colors-facebook-300: #6482C0;
        --chakra-colors-facebook-400: #4267B2;
        --chakra-colors-facebook-500: #385898;
        --chakra-colors-facebook-600: #314E89;
        --chakra-colors-facebook-700: #29487D;
        --chakra-colors-facebook-800: #223B67;
        --chakra-colors-facebook-900: #1E355B;
        --chakra-colors-messenger-50: #D0E6FF;
        --chakra-colors-messenger-100: #B9DAFF;
        --chakra-colors-messenger-200: #A2CDFF;
        --chakra-colors-messenger-300: #7AB8FF;
        --chakra-colors-messenger-400: #2E90FF;
        --chakra-colors-messenger-500: #0078FF;
        --chakra-colors-messenger-600: #0063D1;
        --chakra-colors-messenger-700: #0052AC;
        --chakra-colors-messenger-800: #003C7E;
        --chakra-colors-messenger-900: #002C5C;
        --chakra-colors-whatsapp-50: #dffeec;
        --chakra-colors-whatsapp-100: #b9f5d0;
        --chakra-colors-whatsapp-200: #90edb3;
        --chakra-colors-whatsapp-300: #65e495;
        --chakra-colors-whatsapp-400: #3cdd78;
        --chakra-colors-whatsapp-500: #22c35e;
        --chakra-colors-whatsapp-600: #179848;
        --chakra-colors-whatsapp-700: #0c6c33;
        --chakra-colors-whatsapp-800: #01421c;
        --chakra-colors-whatsapp-900: #001803;
        --chakra-colors-twitter-50: #E5F4FD;
        --chakra-colors-twitter-100: #C8E9FB;
        --chakra-colors-twitter-200: #A8DCFA;
        --chakra-colors-twitter-300: #83CDF7;
        --chakra-colors-twitter-400: #57BBF5;
        --chakra-colors-twitter-500: #1DA1F2;
        --chakra-colors-twitter-600: #1A94DA;
        --chakra-colors-twitter-700: #1681BF;
        --chakra-colors-twitter-800: #136B9E;
        --chakra-colors-twitter-900: #0D4D71;
        --chakra-colors-telegram-50: #E3F2F9;
        --chakra-colors-telegram-100: #C5E4F3;
        --chakra-colors-telegram-200: #A2D4EC;
        --chakra-colors-telegram-300: #7AC1E4;
        --chakra-colors-telegram-400: #47A9DA;
        --chakra-colors-telegram-500: #0088CC;
        --chakra-colors-telegram-600: #007AB8;
        --chakra-colors-telegram-700: #006BA1;
        --chakra-colors-telegram-800: #005885;
        --chakra-colors-telegram-900: #003F5E;
        --chakra-colors-neutral_gray-25: #ececec;
        --chakra-colors-neutral_gray-50: #E1E1E6;
        --chakra-colors-neutral_gray-100: #C4C4CC;
        --chakra-colors-neutral_gray-200: #8D8D99;
        --chakra-colors-neutral_gray-300: #7C7C8A;
        --chakra-colors-neutral_gray-400: #505059;
        --chakra-colors-neutral_gray-500: #323238;
        --chakra-colors-neutral_gray-600: #29292E;
        --chakra-colors-neutral_gray-700: #1B1B1E;
        --chakra-colors-neutral_gray-800: #121214;
        --chakra-colors-neutral_gray-850: #0B0A0F;
        --chakra-colors-neutral_gray-900: #09090A;
        --chakra-colors-neutral_purple-50: #F4F3F6;
        --chakra-colors-neutral_purple-75: #E8E1FB;
        --chakra-colors-neutral_purple-100: #DBD3F0;
        --chakra-colors-neutral_purple-200: #BDB5D3;
        --chakra-colors-neutral_purple-300: #847C99;
        --chakra-colors-neutral_purple-400: #6C6480;
        --chakra-colors-neutral_purple-500: #544E66;
        --chakra-colors-neutral_purple-600: #363142;
        --chakra-colors-neutral_purple-700: #282433;
        --chakra-colors-neutral_purple-800: #1A1821;
        --chakra-colors-neutral_purple-900: #110F17;
        --chakra-colors-neutral_purple-rgba900: rgba(20, 10, 23, 0.99);
        --chakra-colors-grey-50: #EDEDED;
        --chakra-colors-grey-100: #D0D1D3;
        --chakra-colors-grey-200: #B3B4B8;
        --chakra-colors-grey-300: #9E9FA4;
        --chakra-colors-grey-400: #87888D;
        --chakra-colors-grey-500: #54555A;
        --chakra-colors-grey-600: #54555A;
        --chakra-colors-grey-700: #434449;
        --chakra-colors-grey-800: #323338;
        --chakra-colors-grey-900: #212227;
        --chakra-colors-purpleScheme-500: #7855C3;
        --chakra-colors-purpleScheme-600: #AF89FF;
        --chakra-colors-greenScheme-250: #68B14F;
        --chakra-colors-greenScheme-300: #57A03E;
        --chakra-colors-greenScheme-500: #4EA135;
        --chakra-colors-greenScheme-600: #29541C;
        --chakra-colors-success-100: #D8EAD3;
        --chakra-colors-success-500: #4EA135;
        --chakra-colors-info-100: #E8DDFF;
        --chakra-colors-info-500: #7855C3;
        --chakra-colors-error-100: #FFD2CC;
        --chakra-colors-error-500: #B43B37;
        --chakra-colors-warning-100: #F0EFBC;
        --chakra-colors-warning-500: #987A23;
        --chakra-colors-loading-100: #DBD3F0;
        --chakra-colors-loading-500: #544E66;
        --chakra-colors-neutral_teal-800: #212D3B;
        --chakra-colors-v_purple-50: #E2DDF0;
        --chakra-colors-v_purple-100: #D4CBEF;
        --chakra-colors-v_purple-200: #BAA6EF;
        --chakra-colors-v_purple-300: #A183F0;
        --chakra-colors-v_purple-400: #875DF0;
        --chakra-colors-v_purple-500: #6E35F1;
        --chakra-colors-v_grey-50: #F0F4FA;
        --chakra-colors-v_grey-100: #E4E8F0;
        --chakra-colors-v_grey-200: #D1D8E3;
        --chakra-colors-v_grey-300: #B3BCC9;
        --chakra-colors-v_grey-400: #8B95A5;
        --chakra-colors-v_grey-500: #6E7A8B;
        --chakra-colors-v_grey-700: #2A2D31;
        --chakra-colors-v_dark-25: #F8F9FD;
        --chakra-colors-v_dark-50: #434E5F;
        --chakra-colors-v_dark-100: #2F3B4C;
        --chakra-colors-v_dark-200: #273140;
        --chakra-colors-v_dark-300: #202733;
        --chakra-colors-v_dark-400: #171D26;
        --chakra-colors-v_dark-500: #040506;
        --chakra-colors-v_dark-900: #1D2023;
        --chakra-colors-v_green-300: #00AE6C;
        --chakra-borders-none: 0;
        --chakra-borders-1px: 1px solid;
        --chakra-borders-2px: 2px solid;
        --chakra-borders-4px: 4px solid;
        --chakra-borders-8px: 8px solid;
        --chakra-fonts-heading: 'Public Sans', sans-serif;
        --chakra-fonts-body: 'Public Sans', sans-serif;
        --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --chakra-fontSizes-3xs: 0.45rem;
        --chakra-fontSizes-2xs: 0.625rem;
        --chakra-fontSizes-xs: 0.75rem;
        --chakra-fontSizes-sm: 0.875rem;
        --chakra-fontSizes-md: 1rem;
        --chakra-fontSizes-lg: 1.125rem;
        --chakra-fontSizes-xl: 1.25rem;
        --chakra-fontSizes-2xl: 1.5rem;
        --chakra-fontSizes-3xl: 2rem;
        --chakra-fontSizes-4xl: 2.5rem;
        --chakra-fontSizes-5xl: 3rem;
        --chakra-fontSizes-6xl: 3.5rem;
        --chakra-fontSizes-7xl: 4rem;
        --chakra-fontSizes-8xl: 5rem;
        --chakra-fontSizes-9xl: 8rem;
        --chakra-fontWeights-hairline: 100;
        --chakra-fontWeights-thin: 200;
        --chakra-fontWeights-light: 300;
        --chakra-fontWeights-normal: 400;
        --chakra-fontWeights-medium: 500;
        --chakra-fontWeights-semibold: 600;
        --chakra-fontWeights-bold: 700;
        --chakra-fontWeights-extrabold: 800;
        --chakra-fontWeights-black: 900;
        --chakra-letterSpacings-tighter: -0.05em;
        --chakra-letterSpacings-tight: -0.025em;
        --chakra-letterSpacings-normal: 0;
        --chakra-letterSpacings-wide: 0.025em;
        --chakra-letterSpacings-wider: 0.05em;
        --chakra-letterSpacings-widest: 0.1em;
        --chakra-lineHeights-3: .75rem;
        --chakra-lineHeights-4: 1rem;
        --chakra-lineHeights-5: 1.25rem;
        --chakra-lineHeights-6: 1.5rem;
        --chakra-lineHeights-7: 1.75rem;
        --chakra-lineHeights-8: 2rem;
        --chakra-lineHeights-9: 2.25rem;
        --chakra-lineHeights-10: 2.5rem;
        --chakra-lineHeights-normal: normal;
        --chakra-lineHeights-none: 1;
        --chakra-lineHeights-shorter: 1.25;
        --chakra-lineHeights-short: 1.375;
        --chakra-lineHeights-base: 1.5;
        --chakra-lineHeights-tall: 1.625;
        --chakra-lineHeights-taller: 2;
        --chakra-radii-none: 0;
        --chakra-radii-sm: 0.125rem;
        --chakra-radii-base: 0.25rem;
        --chakra-radii-md: 0.375rem;
        --chakra-radii-lg: 0.5rem;
        --chakra-radii-xl: 0.75rem;
        --chakra-radii-2xl: 1rem;
        --chakra-radii-3xl: 1.5rem;
        --chakra-radii-full: 9999px;
        --chakra-space-1: 0.25rem;
        --chakra-space-2: 0.5rem;
        --chakra-space-3: 0.75rem;
        --chakra-space-4: 1rem;
        --chakra-space-5: 1.25rem;
        --chakra-space-6: 1.5rem;
        --chakra-space-7: 1.75rem;
        --chakra-space-8: 2rem;
        --chakra-space-9: 2.25rem;
        --chakra-space-10: 2.5rem;
        --chakra-space-12: 3rem;
        --chakra-space-14: 3.5rem;
        --chakra-space-16: 4rem;
        --chakra-space-20: 5rem;
        --chakra-space-24: 6rem;
        --chakra-space-28: 7rem;
        --chakra-space-32: 8rem;
        --chakra-space-36: 9rem;
        --chakra-space-40: 10rem;
        --chakra-space-44: 11rem;
        --chakra-space-48: 12rem;
        --chakra-space-52: 13rem;
        --chakra-space-56: 14rem;
        --chakra-space-60: 15rem;
        --chakra-space-64: 16rem;
        --chakra-space-72: 18rem;
        --chakra-space-80: 20rem;
        --chakra-space-96: 24rem;
        --chakra-space-px: 1px;
        --chakra-space-0-5: 0.125rem;
        --chakra-space-1-5: 0.375rem;
        --chakra-space-2-5: 0.625rem;
        --chakra-space-3-5: 0.875rem;
        --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
        --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
        --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
        --chakra-shadows-none: none;
        --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
        --chakra-sizes-1: 0.25rem;
        --chakra-sizes-2: 0.5rem;
        --chakra-sizes-3: 0.75rem;
        --chakra-sizes-4: 1rem;
        --chakra-sizes-5: 1.25rem;
        --chakra-sizes-6: 1.5rem;
        --chakra-sizes-7: 1.75rem;
        --chakra-sizes-8: 2rem;
        --chakra-sizes-9: 2.25rem;
        --chakra-sizes-10: 2.5rem;
        --chakra-sizes-12: 3rem;
        --chakra-sizes-14: 3.5rem;
        --chakra-sizes-16: 4rem;
        --chakra-sizes-20: 5rem;
        --chakra-sizes-24: 6rem;
        --chakra-sizes-28: 7rem;
        --chakra-sizes-32: 8rem;
        --chakra-sizes-36: 9rem;
        --chakra-sizes-40: 10rem;
        --chakra-sizes-44: 11rem;
        --chakra-sizes-48: 12rem;
        --chakra-sizes-52: 13rem;
        --chakra-sizes-56: 14rem;
        --chakra-sizes-60: 15rem;
        --chakra-sizes-64: 16rem;
        --chakra-sizes-72: 18rem;
        --chakra-sizes-80: 20rem;
        --chakra-sizes-96: 24rem;
        --chakra-sizes-px: 1px;
        --chakra-sizes-0-5: 0.125rem;
        --chakra-sizes-1-5: 0.375rem;
        --chakra-sizes-2-5: 0.625rem;
        --chakra-sizes-3-5: 0.875rem;
        --chakra-sizes-max: max-content;
        --chakra-sizes-min: min-content;
        --chakra-sizes-full: 100%;
        --chakra-sizes-3xs: 14rem;
        --chakra-sizes-2xs: 16rem;
        --chakra-sizes-xs: 20rem;
        --chakra-sizes-sm: 24rem;
        --chakra-sizes-md: 28rem;
        --chakra-sizes-lg: 32rem;
        --chakra-sizes-xl: 36rem;
        --chakra-sizes-2xl: 42rem;
        --chakra-sizes-3xl: 48rem;
        --chakra-sizes-4xl: 56rem;
        --chakra-sizes-5xl: 64rem;
        --chakra-sizes-6xl: 72rem;
        --chakra-sizes-7xl: 80rem;
        --chakra-sizes-8xl: 90rem;
        --chakra-sizes-prose: 60ch;
        --chakra-sizes-container-sm: 640px;
        --chakra-sizes-container-md: 768px;
        --chakra-sizes-container-lg: 1024px;
        --chakra-sizes-container-xl: 1280px;
        --chakra-zIndices-hide: -1;
        --chakra-zIndices-auto: auto;
        --chakra-zIndices-base: 0;
        --chakra-zIndices-docked: 10;
        --chakra-zIndices-dropdown: 1000;
        --chakra-zIndices-sticky: 1100;
        --chakra-zIndices-banner: 1200;
        --chakra-zIndices-overlay: 1300;
        --chakra-zIndices-modal: 1400;
        --chakra-zIndices-popover: 1500;
        --chakra-zIndices-skipLink: 1600;
        --chakra-zIndices-toast: 1700;
        --chakra-zIndices-tooltip: 1800;
        --chakra-transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
        --chakra-transition-property-colors: background-color, border-color, color, fill, stroke;
        --chakra-transition-property-dimensions: width, height;
        --chakra-transition-property-position: left, right, top, bottom;
        --chakra-transition-property-background: background-color, background-image, background-position;
        --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
        --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
        --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --chakra-transition-duration-ultra-fast: 50ms;
        --chakra-transition-duration-faster: 100ms;
        --chakra-transition-duration-fast: 150ms;
        --chakra-transition-duration-normal: 200ms;
        --chakra-transition-duration-slow: 300ms;
        --chakra-transition-duration-slower: 400ms;
        --chakra-transition-duration-ultra-slow: 500ms;
        --chakra-blur-none: 0;
        --chakra-blur-sm: 4px;
        --chakra-blur-base: 8px;
        --chakra-blur-md: 12px;
        --chakra-blur-lg: 16px;
        --chakra-blur-xl: 24px;
        --chakra-blur-2xl: 40px;
        --chakra-blur-3xl: 64px;
        --chakra-breakpoints-base: 0em;
        --chakra-breakpoints-sm: 30em;
        --chakra-breakpoints-md: 48em;
        --chakra-breakpoints-lg: 62em;
        --chakra-breakpoints-xl: 80em;
        --chakra-breakpoints-2xl: 96em;
      }

      .chakra-ui-light :host:not([data-theme]),
      .chakra-ui-light :root:not([data-theme]),
      .chakra-ui-light [data-theme]:not([data-theme]),
      [data-theme=light] :host:not([data-theme]),
      [data-theme=light] :root:not([data-theme]),
      [data-theme=light] [data-theme]:not([data-theme]),
      :host[data-theme=light],
      :root[data-theme=light],
      [data-theme][data-theme=light] {
        --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
        --chakra-colors-chakra-body-bg: var(--chakra-colors-white);
        --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
        --chakra-colors-chakra-inverse-text: var(--chakra-colors-white);
        --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
        --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600);
        --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500);
      }

      .chakra-ui-dark :host:not([data-theme]),
      .chakra-ui-dark :root:not([data-theme]),
      .chakra-ui-dark [data-theme]:not([data-theme]),
      [data-theme=dark] :host:not([data-theme]),
      [data-theme=dark] :root:not([data-theme]),
      [data-theme=dark] [data-theme]:not([data-theme]),
      :host[data-theme=dark],
      :root[data-theme=dark],
      [data-theme][data-theme=dark] {
        --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900);
        --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800);
        --chakra-colors-chakra-border-color: var(--chakra-colors-whiteAlpha-300);
        --chakra-colors-chakra-inverse-text: var(--chakra-colors-gray-800);
        --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700);
        --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-400);
        --chakra-colors-chakra-placeholder-color: var(--chakra-colors-whiteAlpha-400);
      }

html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        touch-action: manipulation;
      }

      body {
        position: relative;
        min-height: 100%;
        margin: 0;
        font-feature-settings: "kern";
      }

      :where(*, *::before, *::after) {
        border-width: 0;
        border-style: solid;
        box-sizing: border-box;
        word-wrap: break-word;
      }

      main {
        display: block;
      }

      hr {
        border-top-width: 1px;
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }

      :where(pre, code, kbd, samp) {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 1em;
      }

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

      abbr[title] {
        border-bottom: none;
        -webkit-text-decoration: underline;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
      }

      :where(b, strong) {
        font-weight: bold;
      }

      small {
        font-size: 80%;
      }

      :where(sub, sup) {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      img {
        border-style: none;
      }

      :where(button, input, optgroup, select, textarea) {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
      }

      :where(button, input) {
        overflow: visible;
      }

      :where(button, select) {
        text-transform: none;
      }

      :where(button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner) {
        border-style: none;
        padding: 0;
      }

      fieldset {
        padding: 0.35em 0.75em 0.625em;
      }

      legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
      }

      progress {
        vertical-align: baseline;
      }

      textarea {
        overflow: auto;
      }

      :where([type="checkbox"], [type="radio"]) {
        box-sizing: border-box;
        padding: 0;
      }

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
      }

      input[type="number"] {
        -moz-appearance: textfield;
      }

      input[type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }

      input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none !important;
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }

      details {
        display: block;
      }

      summary {
        display: -webkit-box;
        display: -webkit-list-item;
        display: -ms-list-itembox;
        display: list-item;
      }

      template {
        display: none;
      }

      [hidden] {
        display: none !important;
      }

      :where(blockquote,
        dl,
        dd,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        figure,
        p,
        pre) {
        margin: 0;
      }

      button {
        background: transparent;
        padding: 0;
      }

      fieldset {
        margin: 0;
        padding: 0;
      }

      :where(ol, ul) {
        margin: 0;
        padding: 0;
      }

      textarea {
        resize: vertical;
      }

      :where(button, [role="button"]) {
        cursor: pointer;
      }

      button::-moz-focus-inner {
        border: 0 !important;
      }

      table {
        border-collapse: collapse;
      }

      :where(h1, h2, h3, h4, h5, h6) {
        font-size: inherit;
        font-weight: inherit;
      }

      :where(button, input, optgroup, select, textarea) {
        padding: 0;
        line-height: inherit;
        color: inherit;
      }

      :where(img, svg, video, canvas, audio, iframe, embed, object) {
        display: block;
      }

      :where(img, video) {
        max-width: 100%;
        height: auto;
      }

      [data-js-focus-visible] :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) {
        outline: none;
        box-shadow: none;
      }

      select::-ms-expand {
        display: none;
      }

      :root,
      :host {
        --chakra-vh: 100vh;
      }

      @supports (height: -webkit-fill-available) {

        :root,
        :host {
          --chakra-vh: -webkit-fill-available;
        }
      }

      @supports (height: -moz-fill-available) {

        :root,
        :host {
          --chakra-vh: -moz-fill-available;
        }
      }

      @supports (height: 100dvh) {

        :root,
        :host {
          --chakra-vh: 100dvh;
        }
      }

body {
        font-family: var(--chakra-fonts-body);
        color: var(--chakra-colors-neutral_gray-100);
        background: var(--chakra-colors-neutral_purple-900);
        transition-property: background-color;
        transition-duration: var(--chakra-transition-duration-normal);
        line-height: var(--chakra-lineHeights-base);
      }

      *::-webkit-input-placeholder {
        color: var(--chakra-colors-chakra-placeholder-color);
      }

      *::-moz-placeholder {
        color: var(--chakra-colors-chakra-placeholder-color);
      }

      *:-ms-input-placeholder {
        color: var(--chakra-colors-chakra-placeholder-color);
      }

      *::placeholder {
        color: var(--chakra-colors-chakra-placeholder-color);
      }

      *,
      *::before,
      ::after {
        border-color: var(--chakra-colors-chakra-border-color);
      }

#nprogress {
        pointer-events: none;
      }

      #nprogress .bar {
        background: #331E61;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
      }

      #nprogress .peg {
        display: block;
        position: absolute;
        right: 0px;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 10px #331E61, 0 0 5px #331E61;
        opacity: 1;
        -webkit-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
        transform: rotate(3deg) translate(0px, -4px);
      }

      #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px;
      }

      #nprogress .spinner-icon {
        width: 18px;
        height: 18px;
        box-sizing: border-box;
        border: solid 2px transparent;
        border-top-color: #331E61;
        border-left-color: #331E61;
        border-radius: 50%;
        -webkit-animation: nprogresss-spinner 400ms linear infinite;
        animation: nprogress-spinner 400ms linear infinite;
      }

      .nprogress-custom-parent {
        overflow: hidden;
        position: relative;
      }

      .nprogress-custom-parent #nprogress .spinner,
      .nprogress-custom-parent #nprogress .bar {
        position: absolute;
      }

      @-webkit-keyframes nprogress-spinner {
        0% {
          -webkit-transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
        }
      }

      @keyframes nprogress-spinner {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

.css-1bpk2h0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        position: relative;
      }

.css-uf2to6 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #f3f3f3;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
        }

.css-18lh2mj {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding-top: 24px;
            padding-bottom: 24px;
            background-color: var(--chakra-colors-neutral_gray-900);
            width: 100%;
            position: absolute;
            z-index: 2;
          }

.css-1kjuj9g {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            background-image: linear-gradient(190deg, var(--chakra-colors-yellow-300) 0%, var(--chakra-colors-yellow-700) 100%);
          }

.css-lrmv06 {
              position: relative;
              z-index: 1;
              margin-bottom: -60px;
            }

.css-1ergndg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            background-color: #f3f3f3;
            padding-top: 60px;
            padding-bottom: 60px;
          }

.css-19snzqj {
              text-align: center;
              font-size: var(--chakra-fontSizes-lg);
              font-weight: 600;
              width: 100%;
              max-width: 810px;
              color: var(--chakra-colors-neutral_gray-700);
            }

            @media screen and (min-width: 30em) {
              .css-19snzqj {
                font-size: var(--chakra-fontSizes-2xl);
              }
            }

            @media screen and (min-width: 48em) {
              .css-19snzqj {
                font-size: var(--chakra-fontSizes-3xl);
              }
            }

.css-tokvmb {
                color: red;
              }

.css-1yxoyhx {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          width: 100%;
          background-color: #f3f3f3;
        }

.css-1jduxr4 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-padding-start: var(--chakra-space-2-5);
            padding-inline-start: var(--chakra-space-2-5);
            -webkit-padding-end: var(--chakra-space-2-5);
            padding-inline-end: var(--chakra-space-2-5);
            padding-bottom: 100px;
            width: 100%;
            max-width: 1220px;
            gap: 32px;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
          }

          @media screen and (min-width: 62em) {
            .css-1jduxr4 {
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
            }
          }

.css-1o12npm {
              -webkit-flex: 2;
              -ms-flex: 2;
              flex: 2;
              width: 100%;
              max-width: 780px;
              overflow: hidden;
              border-radius: 4px;
            }

.css-1m7tg19 {
                position: relative;
              }

              .css-1m7tg19>*:not(style) {
                overflow: hidden;
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                height: 100%;
              }

              .css-1m7tg19>img,
              .css-1m7tg19>video {
                object-fit: cover;
              }

              .css-1m7tg19::before {
                height: 0px;
                content: "";
                display: block;
                padding-bottom: 56.25%;
              }

.css-u55m2x {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              border-radius: 4px;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-flex: 1;
              -ms-flex: 1;
              flex: 1;
              gap: 12px;
            }

.css-j7qwjs {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
              }

.css-1o9kku9 {
                  color: var(--chakra-colors-neutral_gray-200);
                  font-size: var(--chakra-fontSizes-lg);
                  font-weight: 700;
                }

.css-120nera {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  gap: 12px;
                }

.css-13sxfh3 {
                    color: var(--chakra-colors-orange-400);
                    font-weight: 700;
                    font-size: var(--chakra-fontSizes-md);
                  }

.css-16ju9o1 {
                      font-size: var(--chakra-fontSizes-2xl);
                      display: block;
                    }

.css-1bhlelg {
                    color: var(--chakra-colors-green-300);
                    font-size: var(--chakra-fontSizes-6xl);
                    font-weight: 700;
                  }

.css-1rwqq8c {
                display: grid;
                grid-gap: 16px;
              }

.css-1cjmomr {
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    width: 24px;
                    height: 24px;
                    stroke: var(--chakra-colors-neutral_gray-300);
                  }

.css-l0umrj {
                    color: var(--chakra-colors-neutral_gray-300);
                    font-size: var(--chakra-fontSizes-md);
                  }

.css-dvq1mr {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          width: 100%;
          padding-top: 60px;
          padding-bottom: 60px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
        }

        @media screen and (min-width: 30em) {
          .css-dvq1mr {
            padding-top: 80px;
            padding-bottom: 80px;
          }
        }

.css-1ryd667 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 12px;
            width: 100%;
            max-width: 1120px;
            padding: 24px;
          }

.css-1rxa179 {
              font-size: var(--chakra-fontSizes-2xl);
              text-align: center;
              font-weight: 700;
              color: var(--chakra-colors-yellow-300);
              text-transform: uppercase;
            }

.css-1h1eabw {
              font-size: var(--chakra-fontSizes-xl);
              color: var(--chakra-colors-white);
              text-align: center;
            }

.css-dapo0z {
              margin-top: 32px;
              color: var(--chakra-colors-neutral_gray-400);
              font-size: var(--chakra-fontSizes-3xl);
              font-weight: 700;
            }

.css-1pkvtud {
                color: var(--chakra-colors-orange-100);
                font-weight: 700;
                font-size: var(--chakra-fontSizes-md);
              }

.css-zrvfml {
                color: var(--chakra-colors-yellow-300);
                font-size: var(--chakra-fontSizes-6xl);
                font-weight: 700;
              }

.css-53vwzb {
              display: inline-block;
              white-space: nowrap;
              vertical-align: middle;
              -webkit-padding-start: var(--chakra-space-1);
              padding-inline-start: var(--chakra-space-1);
              -webkit-padding-end: var(--chakra-space-1);
              padding-inline-end: var(--chakra-space-1);
              text-transform: uppercase;
              border-radius: var(--chakra-radii-sm);
              font-weight: var(--chakra-fontWeights-bold);
              background: var(--badge-bg);
              color: var(--badge-color);
              box-shadow: var(--badge-shadow);
              --badge-bg: var(--chakra-colors-yellow-100);
              --badge-color: var(--chakra-colors-yellow-800);
              font-size: var(--chakra-fontSizes-sm);
            }

            .chakra-ui-dark .css-53vwzb:not([data-theme]),
            [data-theme=dark] .css-53vwzb:not([data-theme]),
            .css-53vwzb[data-theme=dark] {
              --badge-bg: rgba(252, 222, 131, 0.16);
              --badge-color: var(--chakra-colors-yellow-200);
            }

.css-1pd2owb {
              border-top: 1px solid white;
              border-bottom: 1px solid white;
              padding-top: 8px;
              padding-bottom: 8px;
              width: 100%;
              max-width: 720px;
            }

.css-1w3cdkm {
                text-align: center;
                font-size: var(--chakra-fontSizes-xl);
                font-weight: 700;
                letter-spacing: 8px;
                color: var(--chakra-colors-white);
              }

.css-1776o0f {
              text-transform: uppercase;
              display: block;
            }

.css-k008qs {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
          }

.css-b35ia6 {
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              padding-top: 40px;
              padding-bottom: 40px;
              width: 100%;
              max-width: 600px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              gap: 56px;
            }

.css-11ys11p {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: flex-start;
                -webkit-box-align: flex-start;
                -ms-flex-align: flex-start;
                align-items: flex-start;
                width: 100%;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 12px;
              }

.css-be4l5k {
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  -ms-appearance: none;
                  appearance: none;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  -webkit-justify-content: center;
                  justify-content: center;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  position: relative;
                  white-space: nowrap;
                  vertical-align: middle;
                  outline: 2px solid transparent;
                  outline-offset: 2px;
                  line-height: 1.2;
                  border-radius: 8px;
                  font-weight: var(--chakra-fontWeights-semibold);
                  transition-property: var(--chakra-transition-property-common);
                  transition-duration: var(--chakra-transition-duration-normal);
                  padding-top: 17.5px;
                  padding-bottom: 17.5px;
                  -webkit-padding-start: 24px;
                  padding-inline-start: 24px;
                  -webkit-padding-end: 24px;
                  padding-inline-end: 24px;
                  background: var(--chakra-colors-neutral_purple-500);
                  color: var(--chakra-colors-white);
                  width: 100%;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  background-color: var(--chakra-colors-green-400);
                  text-transform: uppercase;
                  font-size: var(--chakra-fontSizes-xs);
                }

                .css-be4l5k:focus-visible,
                .css-be4l5k[data-focus-visible] {
                  box-shadow: var(--chakra-shadows-outline);
                }

                .css-be4l5k:disabled,
                .css-be4l5k[disabled],
                .css-be4l5k[aria-disabled=true],
                .css-be4l5k[data-disabled] {
                  opacity: 0.4;
                  cursor: not-allowed;
                  box-shadow: var(--chakra-shadows-none);
                }

                .css-be4l5k:active,
                .css-be4l5k[data-active] {
                  background: var(--chakra-colors-neutral_purple-700);
                }

                @media screen and (min-width: 30em) {
                  .css-be4l5k {
                    font-size: var(--chakra-fontSizes-sm);
                  }
                }

                .css-be4l5k:hover,
                .css-be4l5k[data-hover] {
                  -webkit-text-decoration: none;
                  text-decoration: none;
                  background: var(--chakra-colors-green-500);
                }

.css-vljjj9 {
                  transition-property: var(--chakra-transition-property-common);
                  transition-duration: var(--chakra-transition-duration-fast);
                  transition-timing-function: var(--chakra-transition-easing-ease-out);
                  cursor: pointer;
                  -webkit-text-decoration: none;
                  text-decoration: none;
                  outline: 2px solid transparent;
                  outline-offset: 2px;
                  color: inherit;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  -ms-appearance: none;
                  appearance: none;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  -webkit-justify-content: center;
                  justify-content: center;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  position: relative;
                  white-space: nowrap;
                  vertical-align: middle;
                  outline: 2px solid transparent;
                  outline-offset: 2px;
                  line-height: 1.2;
                  border-radius: 8px;
                  font-weight: var(--chakra-fontWeights-semibold);
                  transition-property: var(--chakra-transition-property-common);
                  transition-duration: var(--chakra-transition-duration-normal);
                  padding-top: 17.5px;
                  padding-bottom: 17.5px;
                  -webkit-padding-start: 24px;
                  padding-inline-start: 24px;
                  -webkit-padding-end: 24px;
                  padding-inline-end: 24px;
                  background: var(--chakra-colors-neutral_purple-500);
                  color: var(--chakra-colors-white);
                  width: 100%;
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  background-color: var(--chakra-colors-green-400);
                  text-transform: uppercase;
                  font-size: var(--chakra-fontSizes-xs);
                }

                .css-vljjj9:hover,
                .css-vljjj9[data-hover] {
                  -webkit-text-decoration: underline;
                  text-decoration: underline;
                }

                .css-vljjj9:focus-visible,
                .css-vljjj9[data-focus-visible] {
                  box-shadow: var(--chakra-shadows-outline);
                }

                .css-vljjj9:focus-visible,
                .css-vljjj9[data-focus-visible] {
                  box-shadow: var(--chakra-shadows-outline);
                }

                .css-vljjj9:disabled,
                .css-vljjj9[disabled],
                .css-vljjj9[aria-disabled=true],
                .css-vljjj9[data-disabled] {
                  opacity: 0.4;
                  cursor: not-allowed;
                  box-shadow: var(--chakra-shadows-none);
                }

                .css-vljjj9:active,
                .css-vljjj9[data-active] {
                  background: var(--chakra-colors-neutral_purple-700);
                }

                @media screen and (min-width: 30em) {
                  .css-vljjj9 {
                    font-size: var(--chakra-fontSizes-sm);
                  }
                }

                .css-vljjj9:hover,
                .css-vljjj9[data-hover] {
                  -webkit-text-decoration: none;
                  text-decoration: none;
                  background: var(--chakra-colors-green-500);
                }

.css-1wh2kri {
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-align-self: center;
                    -ms-flex-item-align: center;
                    align-self: center;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    -webkit-margin-end: 0.5rem;
                    margin-inline-end: 0.5rem;
                  }

.css-yg6i6c {
                width: 100%;
                max-width: 408px;
              }

.css-1k62lug {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                max-width: 378px;
                width: 100%;
                row-gap: var(--chakra-space-6);
              }

              @media screen and (min-width: 30em) {
                .css-1k62lug {
                  -webkit-flex-direction: row;
                  -ms-flex-direction: row;
                  flex-direction: row;
                }
              }

.css-hi43zo {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-column-gap: 4px;
                  column-gap: 4px;
                }

.css-30fhnv {
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    width: 32px;
                    height: 32px;
                  }

.css-10sojkp {
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    vertical-align: middle;
                    stroke: #617386;
                    fill: none;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    width: 32px;
                    height: 32px;
                  }

.css-1h31u9r {
                    color: var(--chakra-colors-neutral_gray-300);
                    font-weight: 700;
                    text-transform: uppercase;
                    font-size: 11px;
                  }

.css-185xmnq {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          background-color: #f3f3f3;
        }

.css-107z0ce {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: relative;
            width: 100%;
            -webkit-padding-start: var(--chakra-space-2-5);
            padding-inline-start: var(--chakra-space-2-5);
            -webkit-padding-end: var(--chakra-space-2-5);
            padding-inline-end: var(--chakra-space-2-5);
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 24px;
            padding-top: 60px;
            padding-bottom: 60px;
          }

          @media screen and (min-width: 30em) {
            .css-107z0ce {
              padding-top: 120px;
              padding-bottom: 120px;
            }
          }

.css-qnad7i {
              color: var(--chakra-colors-neutral_gray-800);
              max-width: 875px;
              text-align: center;
            }

.css-1vdo7mk {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              max-width: 1220px;
              width: 100%;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              margin-top: 32px;
            }

.css-1tl74zo {
                display: grid;
                grid-gap: 32px;
                grid-template-columns: repeat(1, minmax(0, 1fr));
                width: 100%;
                justify-items: center;
              }

              @media screen and (min-width: 30em) {
                .css-1tl74zo {
                  grid-template-columns: repeat(2, minmax(0, 1fr));
                }
              }

              @media screen and (min-width: 62em) {
                .css-1tl74zo {
                  grid-template-columns: repeat(4, minmax(0, 1fr));
                }
              }

.css-ntze7q {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  width: 100%;
                  max-width: 256px;
                }

.css-1ppftk3 {
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    stroke: var(--chakra-colors-yellow-900);
                    font-size: 56px;
                  }

                  .css-1ppftk3 rect {
                    stroke: var(--chakra-colors-yellow-300);
                  }

.css-8l3tmr {
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    vertical-align: middle;
                    stroke: #956FE5;
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    stroke: var(--chakra-colors-yellow-900);
                    font-size: 56px;
                  }

                  .css-8l3tmr rect {
                    stroke: var(--chakra-colors-yellow-300);
                  }

.css-f96fvh {
                      width: 100%;
                      max-width: 200px;
                      text-align: center;
                      margin-top: var(--chakra-space-6);
                      color: red;
                      font-size: var(--chakra-fontSizes-lg);
                      font-weight: 600;
                      line-height: var(--chakra-lineHeights-7);
                    }

.css-1t5fznl {
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    vertical-align: middle;
                    stroke: #956FE5;
                    fill: none;
                    width: 1em;
                    height: 1em;
                    display: inline-block;
                    line-height: 1em;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    color: currentColor;
                    stroke: var(--chakra-colors-yellow-900);
                    font-size: 56px;
                  }

                  .css-1t5fznl rect {
                    stroke: var(--chakra-colors-yellow-300);
                  }

.css-11txr7v {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          background-image: linear-gradient(to top right, var(--chakra-colors-yellow-300) 0%, red 100%);
          padding-top: 80px;
          padding-bottom: 80px;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
        }

        @media screen and (min-width: 30em) {
          .css-11txr7v {
            padding-top: 120px;
            padding-bottom: 120px;
          }
        }

.css-4057l2 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            width: 100%;
            gap: 32px;
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            --chakra-space-y-reverse: 1;
            --chakra-divide-y-reverse: 1;
            max-width: 1120px;
          }

          @media screen and (min-width: 48em) {
            .css-4057l2 {
              gap: 120px;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
            }
          }

.css-d5mj09 {
              background-color: var(--chakra-colors-blackAlpha-400);
              padding: 16px;
              border-radius: 4px;
              border-width: 1px;
              border-color: var(--chakra-colors-blackAlpha-300);
            }

            @media screen and (min-width: 30em) {
              .css-d5mj09 {
                padding: 30px;
              }
            }

.css-1m7va3o {
                font-family: var(--chakra-fonts-heading);
                font-weight: var(--chakra-fontWeights-bold);
                line-height: 1.33;
                font-size: var(--chakra-fontSizes-2xl);
                color: var(--chakra-colors-white);
                text-align: left;
                margin-bottom: 16px;
              }

              @media screen and (min-width: 30em) {
                .css-1m7va3o {
                  font-size: var(--chakra-fontSizes-3xl);
                }
              }

              @media screen and (min-width: 48em) {
                .css-1m7va3o {
                  line-height: 1.2;
                }
              }

.css-t7yp2p {
                font-size: var(--chakra-fontSizes-lg);
                color: var(--chakra-colors-white);
              }

.css-tf8u31 {
              max-width: 180px;
            }

.css-qu1zeg {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          width: 100%;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          background-color: #f3f3f3;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          position: relative;
          z-index: 1;
        }

.css-y1hjpy {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            max-width: 1220px;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-top: 60px;
            padding-bottom: 60px;
            gap: 42px;
          }

          @media screen and (min-width: 30em) {
            .css-y1hjpy {
              padding-top: 120px;
              padding-bottom: 120px;
            }
          }

.css-1y34cdg {
              font-size: var(--chakra-fontSizes-3xl);
              font-weight: 600;
              text-align: center;
              max-width: 920px;
              color: var(--chakra-colors-neutral_gray-400);
            }

.css-7uk6us {
                color: var(--chakra-colors-yellow-300);
              }

.css-lgmn66 {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              margin-top: 32px;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              gap: 32px;
            }

            @media screen and (min-width: 62em) {
              .css-lgmn66 {
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
              }
            }

.css-11597g6 {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                max-width: 620px;
                gap: 12px;
              }

.css-k5rr6j {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  gap: 24px;
                }

.css-1dzjt56 {
                    color: var(--chakra-colors-neutral_gray-400);
                    font-size: var(--chakra-fontSizes-lg);
                    gap: 12px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-align-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                  }

.css-13d2b9w {
                      width: 1em;
                      height: 1em;
                      display: inline-block;
                      line-height: 1em;
                      -webkit-flex-shrink: 0;
                      -ms-flex-negative: 0;
                      flex-shrink: 0;
                      color: currentColor;
                      stroke: var(--chakra-colors-yellow-300);
                      font-size: 30px;
                    }

.css-qm81xa {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                gap: 24px;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
              }

              @media screen and (min-width: 48em) {
                .css-qm81xa {
                  gap: 12px;
                  -webkit-flex-direction: row;
                  -ms-flex-direction: row;
                  flex-direction: row;
                }
              }

.css-1hp5bdi {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-align-items: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  gap: 24px;
                  border-width: 1px;
                  border-color: var(--chakra-colors-neutral_gray-50);
                  padding: 16px;
                  border-radius: 8px;
                  width: 100%;
                  max-width: 260px;
                }

.css-6j959y {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    background-color: var(--chakra-colors-neutral_gray-900);
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 20px;
                    border-radius: 8px;
                  }

.css-112f7p9 {
                      width: 1em;
                      height: 1em;
                      display: inline-block;
                      line-height: 1em;
                      -webkit-flex-shrink: 0;
                      -ms-flex-negative: 0;
                      flex-shrink: 0;
                      color: currentColor;
                      stroke: red;
                      font-size: 80px;
                    }

.css-1ex16t6 {
                    color: red;
                    text-align: center;
                    font-weight: 700;
                  }

.css-1r6l3zs {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              gap: 42px;
              -webkit-box-flex-wrap: wrap;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              margin-bottom: -220px;
              margin-top: 60px;
            }

.css-a8gnbf {
                width: 100%;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
              }

.css-15du45a {
                width: 100%;
                -webkit-flex: 2;
                -ms-flex: 2;
                flex: 2;
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1;
              }

              @media screen and (min-width: 80em) {
                .css-15du45a {
                  -webkit-order: 0;
                  -ms-flex-order: 0;
                  order: 0;
                }
              }

.css-l3vd1u {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          padding-top: 240px;
          width: 100%;
          background-image: linear-gradient(to top right, var(--chakra-colors-yellow-300) 0%, red 80%);
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 52px;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
        }

        @media screen and (min-width: 30em) {
          .css-l3vd1u {
            padding-top: 200px;
          }
        }

.css-1iltfyn {
            font-size: var(--chakra-fontSizes-3xl);
            color: var(--chakra-colors-white);
            font-weight: 600;
            text-align: center;
            max-width: 820px;
          }

.css-1ysoyv5 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            gap: 52px;
            -webkit-box-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
          }

.css-1ifw18b {
              width: 100%;
              max-width: 540px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              justify-self: center;
            }

            @media screen and (min-width: 62em) {
              .css-1ifw18b {
                justify-self: flex-start;
              }
            }

.css-1ml0mlc {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              gap: 24px;
              width: 100%;
              max-width: 620px;
              padding-bottom: 120px;
              -webkit-align-self: flex-end;
              -ms-flex-item-align: flex-end;
              align-self: flex-end;
              justify-self: center;
            }

            @media screen and (min-width: 62em) {
              .css-1ml0mlc {
                padding-bottom: 60px;
              }
            }

.css-1wdrkza {
                font-size: var(--chakra-fontSizes-lg);
                color: var(--chakra-colors-white);
                text-shadow: #000 0 0 2px;
              }

.css-1pnc3tu {
                  -webkit-text-decoration: underline;
                  text-decoration: underline;
                  font-weight: 700;
                }

.css-1vg6q84 {
                  font-weight: 700;
                }

.css-q5esi3 {
                text-shadow: #000 0 0 2px;
                font-size: var(--chakra-fontSizes-lg);
                color: var(--chakra-colors-white);
              }

.css-1nxj0gi {
                  font-weight: 700;
                  color: var(--chakra-colors-yellow-300);
                }

.css-1md89ea {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                position: relative;
                white-space: nowrap;
                vertical-align: middle;
                outline: 2px solid transparent;
                outline-offset: 2px;
                line-height: 1.2;
                border-radius: 8px;
                font-weight: var(--chakra-fontWeights-semibold);
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-normal);
                padding-top: 17.5px;
                padding-bottom: 17.5px;
                -webkit-padding-start: 24px;
                padding-inline-start: 24px;
                -webkit-padding-end: 24px;
                padding-inline-end: 24px;
                background: var(--chakra-colors-neutral_purple-500);
                color: var(--chakra-colors-white);
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                background-color: var(--chakra-colors-yellow-300);
                text-transform: uppercase;
                font-size: var(--chakra-fontSizes-xl);
              }

              .css-1md89ea:focus-visible,
              .css-1md89ea[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-1md89ea:disabled,
              .css-1md89ea[disabled],
              .css-1md89ea[aria-disabled=true],
              .css-1md89ea[data-disabled] {
                opacity: 0.4;
                cursor: not-allowed;
                box-shadow: var(--chakra-shadows-none);
              }

              .css-1md89ea:active,
              .css-1md89ea[data-active] {
                background: var(--chakra-colors-neutral_purple-700);
              }

              .css-1md89ea:hover,
              .css-1md89ea[data-hover] {
                -webkit-text-decoration: none;
                text-decoration: none;
                background: var(--chakra-colors-green-500);
              }

.css-1y77r00 {
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-fast);
                transition-timing-function: var(--chakra-transition-easing-ease-out);
                cursor: pointer;
                -webkit-text-decoration: none;
                text-decoration: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                color: inherit;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                position: relative;
                white-space: nowrap;
                vertical-align: middle;
                outline: 2px solid transparent;
                outline-offset: 2px;
                line-height: 1.2;
                border-radius: 8px;
                font-weight: var(--chakra-fontWeights-semibold);
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-normal);
                padding-top: 17.5px;
                padding-bottom: 17.5px;
                -webkit-padding-start: 24px;
                padding-inline-start: 24px;
                -webkit-padding-end: 24px;
                padding-inline-end: 24px;
                background: var(--chakra-colors-neutral_purple-500);
                color: var(--chakra-colors-white);
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                background-color: var(--chakra-colors-yellow-300);
                text-transform: uppercase;
                font-size: var(--chakra-fontSizes-xl);
              }

              .css-1y77r00:hover,
              .css-1y77r00[data-hover] {
                -webkit-text-decoration: underline;
                text-decoration: underline;
              }

              .css-1y77r00:focus-visible,
              .css-1y77r00[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-1y77r00:focus-visible,
              .css-1y77r00[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-1y77r00:disabled,
              .css-1y77r00[disabled],
              .css-1y77r00[aria-disabled=true],
              .css-1y77r00[data-disabled] {
                opacity: 0.4;
                cursor: not-allowed;
                box-shadow: var(--chakra-shadows-none);
              }

              .css-1y77r00:active,
              .css-1y77r00[data-active] {
                background: var(--chakra-colors-neutral_purple-700);
              }

              .css-1y77r00:hover,
              .css-1y77r00[data-hover] {
                -webkit-text-decoration: none;
                text-decoration: none;
                background: var(--chakra-colors-green-500);
              }

.css-9gqkab {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #f3f3f3;
          width: 100%;
          padding-top: 60px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 24px;
        }

        @media screen and (min-width: 30em) {
          .css-9gqkab {
            padding-top: 120px;
          }
        }

.css-kxx3zl {
            color: red;
            text-align: center;
            max-width: 500px;
            font-size: var(--chakra-fontSizes-3xl);
            font-weight: 700;
          }

.css-j2gz2e {
              display: inline-block;
              white-space: nowrap;
              vertical-align: middle;
              -webkit-padding-start: var(--chakra-space-1);
              padding-inline-start: var(--chakra-space-1);
              -webkit-padding-end: var(--chakra-space-1);
              padding-inline-end: var(--chakra-space-1);
              text-transform: uppercase;
              border-radius: var(--chakra-radii-sm);
              font-weight: var(--chakra-fontWeights-bold);
              background: var(--badge-bg);
              color: var(--badge-color);
              box-shadow: var(--badge-shadow);
              --badge-bg: var(--chakra-colors-yellow-100);
              --badge-color: var(--chakra-colors-yellow-800);
              font-size: var(--chakra-fontSizes-xl);
            }

            .chakra-ui-dark .css-j2gz2e:not([data-theme]),
            [data-theme=dark] .css-j2gz2e:not([data-theme]),
            .css-j2gz2e[data-theme=dark] {
              --badge-bg: rgba(252, 222, 131, 0.16);
              --badge-color: var(--chakra-colors-yellow-200);
            }

.css-5puzx1 {
            max-width: 720px;
            text-align: center;
            color: var(--chakra-colors-neutral_gray-800);
            font-size: var(--chakra-fontSizes-lg);
          }

.css-136vay {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            max-width: 1220px;
            -webkit-box-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 34px;
            -webkit-padding-start: var(--chakra-space-2-5);
            padding-inline-start: var(--chakra-space-2-5);
            -webkit-padding-end: var(--chakra-space-2-5);
            padding-inline-end: var(--chakra-space-2-5);
          }

.css-1s5ukq6 {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              background-image: linear-gradient(190deg, var(--chakra-colors-yellow-300) 0%, var(--chakra-colors-neutral_gray-900) 100%);
              min-width: 220px;
              max-width: 100%;
              width: 100%;
              border-radius: 4px;
              box-shadow: #000 -10px 10px 20px 0;
            }

            @media screen and (min-width: 30em) {
              .css-1s5ukq6 {
                max-width: 420px;
              }
            }

            @media screen and (min-width: 48em) {
              .css-1s5ukq6 {
                max-width: 320px;
              }
            }

            @media screen and (min-width: 62em) {
              .css-1s5ukq6 {
                max-width: 270px;
              }
            }

.css-1iv2st2 {
                text-align: center;
                font-weight: 700;
                color: var(--chakra-colors-yellow-300);
                text-transform: uppercase;
              }

.css-1ya63o5 {
                -webkit-padding-start: 12px;
                padding-inline-start: 12px;
                -webkit-padding-end: 12px;
                padding-inline-end: 12px;
                padding-bottom: 24px;
                color: var(--chakra-colors-white);
                font-weight: 400;
                text-align: center;
              }

.css-1hbm3md {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
          }

.css-72kgw {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              width: 100%;
              max-width: 1220px;
              padding-top: 60px;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
            }

.css-bakjmn {
                color: red;
                text-align: center;
                max-width: 680px;
                font-size: var(--chakra-fontSizes-3xl);
              }

.css-1nfel6 {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              background-image: linear-gradient(to top right, var(--chakra-colors-yellow-300) 0%, red 100%);
              width: 100%;
              margin-top: 200px;
              -webkit-padding-start: var(--chakra-space-2-5);
              padding-inline-start: var(--chakra-space-2-5);
              -webkit-padding-end: var(--chakra-space-2-5);
              padding-inline-end: var(--chakra-space-2-5);
              padding-bottom: 60px;
              position: relative;
            }

            @media screen and (min-width: 30em) {
              .css-1nfel6 {
                padding-bottom: 120px;
              }
            }

.css-1ctsesx {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 100%;
                max-width: 1220px;
                padding-top: 60px;
                padding-bottom: 60px;
                -webkit-box-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                gap: 52px;
                margin-top: -160px;
                position: relative;
              }

.css-1rx7u4z {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  background-color: var(--chakra-colors-white);
                  padding: 12px;
                  border-width: 2px;
                  border-color: var(--chakra-colors-neutral_gray-50);
                  border-radius: 6px;
                  min-width: 280px;
                  -webkit-flex: 1;
                  -ms-flex: 1;
                  flex: 1;
                }

                @media screen and (min-width: 30em) {
                  .css-1rx7u4z {
                    min-width: 400px;
                  }
                }

                .css-1rx7u4z:last-of-type {
                  -webkit-flex: 2;
                  -ms-flex: 2;
                  flex: 2;
                }

.css-8atqhb {
                    width: 100%;
                  }

.css-2l2x8f {
                    color: red;
                    font-weight: 700;
                    margin-top: 8px;
                    margin-bottom: 8px;
                  }

.css-13yl242 {
                    color: var(--chakra-colors-neutral_gray-300);
                  }

.css-1o00k05 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          background-color: var(--chakra-colors-neutral_gray-900);
          padding-top: 60px;
          padding-bottom: 60px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
        }

        @media screen and (min-width: 30em) {
          .css-1o00k05 {
            padding-top: 120px;
            padding-bottom: 120px;
          }
        }

.css-18xwmg1 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            max-width: 1220px;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
          }

.css-syyk6 {
              color: var(--chakra-colors-white);
              font-size: var(--chakra-fontSizes-xl);
              text-align: center;
              max-width: 840px;
              margin-bottom: 0px;
            }

            @media screen and (min-width: 30em) {
              .css-syyk6 {
                font-size: var(--chakra-fontSizes-2xl);
                margin-bottom: 60px;
              }
            }

            @media screen and (min-width: 48em) {
              .css-syyk6 {
                font-size: var(--chakra-fontSizes-3xl);
              }
            }

.css-yfbphx {
                color: var(--chakra-colors-yellow-300);
                font-weight: 700;
              }

.css-tm08pv {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          background-image: linear-gradient(190deg, var(--chakra-colors-yellow-300) 0%, var(--chakra-colors-yellow-400) 100%);
          padding-bottom: 60px;
          padding-top: 400px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          margin-top: -410px;
        }

        @media screen and (min-width: 30em) {
          .css-tm08pv {
            padding-bottom: 120px;
            padding-top: 260px;
            margin-top: -360px;
          }
        }

.css-1450nq5 {
              opacity: 0.6;
              border: 0;
              border-color: inherit;
              border-style: solid;
              border-bottom-width: 1px;
              width: 100%;
              border-bottom-color: var(--chakra-colors-yellow-200);
            }

.css-etugf7 {
              font-family: var(--chakra-fonts-heading);
              font-weight: var(--chakra-fontWeights-bold);
              line-height: 1.33;
              font-size: var(--chakra-fontSizes-2xl);
              color: red;
              text-align: center;
              text-shadow: #000 1px 1px 2px;
              margin-top: 60px;
              max-width: 620px;
            }

            @media screen and (min-width: 30em) {
              .css-etugf7 {
                font-size: var(--chakra-fontSizes-3xl);
              }
            }

            @media screen and (min-width: 48em) {
              .css-etugf7 {
                line-height: 1.2;
              }
            }

.css-1ck862g {
              color: var(--chakra-colors-white);
              margin-top: 32px;
              margin-bottom: 32px;
              text-align: center;
              max-width: 820px;
              font-size: var(--chakra-fontSizes-xl);
              padding-bottom: 32px;
              text-shadow: #000 0 0 2px;
            }

.css-sxtawb {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 1;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-sxtawb:last-of-type {
                  border-width: 0;
                }

.css-fd9ux {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-align-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    outline: 2px solid transparent;
                    outline-offset: 2px;
                    transition-property: var(--chakra-transition-property-common);
                    transition-duration: var(--chakra-transition-duration-normal);
                    font-size: var(--chakra-fontSizes-md);
                    cursor: pointer;
                    border-top-left-radius: 8px;
                    border-top-right-radius: 8px;
                    background: #f3f3f3;
                    -webkit-padding-start: 20px;
                    padding-inline-start: 20px;
                    -webkit-padding-end: 20px;
                    padding-inline-end: 20px;
                    padding-top: 16px;
                    padding-bottom: 16px;
                  }

                  .css-fd9ux:focus-visible,
                  .css-fd9ux[data-focus-visible] {
                    box-shadow: var(--chakra-shadows-outline);
                  }

                  .css-fd9ux:disabled,
                  .css-fd9ux[disabled],
                  .css-fd9ux[aria-disabled=true],
                  .css-fd9ux[data-disabled] {
                    opacity: 0.4;
                    cursor: not-allowed;
                  }

                  .css-fd9ux:hover,
                  .css-fd9ux[data-hover] {
                    background-color: var(--chakra-colors-yellow-200);
                  }

.css-wpvv7m {
                      font-size: var(--chakra-fontSizes-md);
                      color: var(--chakra-colors-neutral_gray-800);
                      font-weight: 700;
                      -webkit-flex: 1;
                      -ms-flex: 1;
                      flex: 1;
                      text-align: left;
                    }

.css-186l2rg {
                      width: 1em;
                      height: 1em;
                      display: inline-block;
                      line-height: 1em;
                      -webkit-flex-shrink: 0;
                      -ms-flex-negative: 0;
                      flex-shrink: 0;
                      color: currentColor;
                      opacity: 1;
                      -webkit-transition: -webkit-transform 0.2s;
                      transition: transform 0.2s;
                      transform-origin: center;
                      font-size: 1.25em;
                      vertical-align: middle;
                    }

.css-4d5i1y {
                      padding-top: 24px;
                      border-bottom-left-radius: 8px;
                      border-bottom-right-radius: 8px;
                      -webkit-padding-start: 24px;
                      padding-inline-start: 24px;
                      -webkit-padding-end: 24px;
                      padding-inline-end: 24px;
                      padding-bottom: var(--chakra-space-4);
                      background: var(--chakra-colors-yellow-200);
                    }

.css-1mw0mmk {
                        font-size: var(--chakra-fontSizes-md);
                        color: var(--chakra-colors-neutral_gray-800);
                      }

.css-xx545s {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 2;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-xx545s:last-of-type {
                  border-width: 0;
                }

.css-1f2bqyf {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 3;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1f2bqyf:last-of-type {
                  border-width: 0;
                }

.css-159h5v1 {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 4;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-159h5v1:last-of-type {
                  border-width: 0;
                }

.css-1kqnw88 {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 5;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1kqnw88:last-of-type {
                  border-width: 0;
                }

.css-1cq3qt8 {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 6;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1cq3qt8:last-of-type {
                  border-width: 0;
                }

.css-3gbbop {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 7;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-3gbbop:last-of-type {
                  border-width: 0;
                }

.css-1ql3ibi {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 8;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1ql3ibi:last-of-type {
                  border-width: 0;
                }

.css-4wyq0r {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 10;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-4wyq0r:last-of-type {
                  border-width: 0;
                }

.css-1mweoky {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 11;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1mweoky:last-of-type {
                  border-width: 0;
                }

.css-182eqqp {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 12;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-182eqqp:last-of-type {
                  border-width: 0;
                }

.css-1sviewt {
                  border-top-width: 1px;
                  border-color: inherit;
                  overflow-anchor: none;
                  z-index: 13;
                  top: 0px;
                  padding-bottom: 16px;
                  border-width: 0;
                  background: var(--chakra-colors-transparent);
                }

                .css-1sviewt:last-of-type {
                  border-width: 0;
                }

.css-1hgxzyi {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-image: linear-gradient(80deg, var(--chakra-colors-red-400) 0%, red 100%);
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 42px;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          padding-top: 60px;
          padding-bottom: 60px;
        }

        @media screen and (min-width: 30em) {
          .css-1hgxzyi {
            padding-top: 120px;
            padding-bottom: 120px;
          }
        }

.css-jmo2y2 {
            font-family: var(--chakra-fonts-heading);
            font-weight: var(--chakra-fontWeights-bold);
            line-height: 1.33;
            font-size: var(--chakra-fontSizes-2xl);
            color: var(--chakra-colors-white);
            text-align: center;
            text-shadow: #000 1px 1px 2px;
            max-width: 820px;
          }

          @media screen and (min-width: 30em) {
            .css-jmo2y2 {
              font-size: var(--chakra-fontSizes-3xl);
            }
          }

          @media screen and (min-width: 48em) {
            .css-jmo2y2 {
              line-height: 1.2;
            }
          }

.css-1czueve {
            padding: 12px;
            background-color: var(--chakra-colors-white);
            border-radius: 4px;
          }

.css-dai65c {
              width: 100%;
              max-width: 820px;
            }

.css-l4dde9 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          background-image: linear-gradient(60deg, var(--chakra-colors-orange-600) 0%, var(--chakra-colors-yellow-300) 100%);
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
        }

.css-1usdsms {
            width: 100%;
            max-width: 624px;
          }

.css-1btawg3 {
            font-weight: 700;
            color: var(--chakra-colors-white);
            font-size: var(--chakra-fontSizes-3xl);
            max-width: 1080px;
            text-align: center;
            text-shadow: #000 1px 1px 2px;
          }

.css-1gh7y72 {
              font-weight: 700;
              color: red;
            }

.css-1fyuds4 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-top: 52px;
          }

.css-1yuvylf {
              color: var(--chakra-colors-neutral_gray-500);
              font-size: var(--chakra-fontSizes-lg);
              font-weight: 700;
            }

.css-1pm29ud {
                color: var(--chakra-colors-neutral_gray-500);
                font-weight: 700;
                font-size: var(--chakra-fontSizes-md);
              }

.css-wwmcla {
                color: red;
                text-shadow: #000 1px 1px 2px;
                font-size: var(--chakra-fontSizes-7xl);
                font-weight: 700;
              }

.css-12q5axh {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                position: relative;
                white-space: nowrap;
                vertical-align: middle;
                outline: 2px solid transparent;
                outline-offset: 2px;
                line-height: 1.2;
                border-radius: 8px;
                font-weight: var(--chakra-fontWeights-semibold);
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-normal);
                padding-top: 17.5px;
                padding-bottom: 17.5px;
                -webkit-padding-start: 24px;
                padding-inline-start: 24px;
                -webkit-padding-end: 24px;
                padding-inline-end: 24px;
                background: var(--chakra-colors-neutral_purple-500);
                color: var(--chakra-colors-white);
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                background-color: var(--chakra-colors-green-400);
                text-transform: uppercase;
                font-size: var(--chakra-fontSizes-xl);
              }

              .css-12q5axh:focus-visible,
              .css-12q5axh[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-12q5axh:disabled,
              .css-12q5axh[disabled],
              .css-12q5axh[aria-disabled=true],
              .css-12q5axh[data-disabled] {
                opacity: 0.4;
                cursor: not-allowed;
                box-shadow: var(--chakra-shadows-none);
              }

              .css-12q5axh:active,
              .css-12q5axh[data-active] {
                background: var(--chakra-colors-neutral_purple-700);
              }

              .css-12q5axh:hover,
              .css-12q5axh[data-hover] {
                -webkit-text-decoration: none;
                text-decoration: none;
                background: var(--chakra-colors-green-500);
              }

.css-6n3n28 {
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-fast);
                transition-timing-function: var(--chakra-transition-easing-ease-out);
                cursor: pointer;
                -webkit-text-decoration: none;
                text-decoration: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                color: inherit;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                position: relative;
                white-space: nowrap;
                vertical-align: middle;
                outline: 2px solid transparent;
                outline-offset: 2px;
                line-height: 1.2;
                border-radius: 8px;
                font-weight: var(--chakra-fontWeights-semibold);
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-normal);
                padding-top: 17.5px;
                padding-bottom: 17.5px;
                -webkit-padding-start: 24px;
                padding-inline-start: 24px;
                -webkit-padding-end: 24px;
                padding-inline-end: 24px;
                background: var(--chakra-colors-neutral_purple-500);
                color: var(--chakra-colors-white);
                width: 100%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                background-color: var(--chakra-colors-green-400);
                text-transform: uppercase;
                font-size: var(--chakra-fontSizes-xl);
              }

              .css-6n3n28:hover,
              .css-6n3n28[data-hover] {
                -webkit-text-decoration: underline;
                text-decoration: underline;
              }

              .css-6n3n28:focus-visible,
              .css-6n3n28[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-6n3n28:focus-visible,
              .css-6n3n28[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-6n3n28:disabled,
              .css-6n3n28[disabled],
              .css-6n3n28[aria-disabled=true],
              .css-6n3n28[data-disabled] {
                opacity: 0.4;
                cursor: not-allowed;
                box-shadow: var(--chakra-shadows-none);
              }

              .css-6n3n28:active,
              .css-6n3n28[data-active] {
                background: var(--chakra-colors-neutral_purple-700);
              }

              .css-6n3n28:hover,
              .css-6n3n28[data-hover] {
                -webkit-text-decoration: none;
                text-decoration: none;
                background: var(--chakra-colors-green-500);
              }

.css-zm430k {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          padding-top: 24px;
          padding-bottom: 24px;
          background-color: var(--chakra-colors-white);
          width: 100%;
        }

.css-1dicc9h {
        width: 100%;
        background-color: var(--chakra-colors-neutral_gray-850);
        padding-top: 50px;
        padding-bottom: 30px;
      }

      @media screen and (min-width: 30em) {
        .css-1dicc9h {
          padding-top: 100px;
          padding-bottom: 60px;
        }
      }

.css-twpj79 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 57px;
          column-gap: 57px;
          row-gap: 57px;
          width: 100%;
          max-width: 1140px;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          -webkit-margin-start: auto;
          margin-inline-start: auto;
          -webkit-margin-end: auto;
          margin-inline-end: auto;
        }

        @media screen and (min-width: 30em) {
          .css-twpj79 {
            -webkit-padding-start: var(--chakra-space-2-5);
            padding-inline-start: var(--chakra-space-2-5);
            -webkit-padding-end: var(--chakra-space-2-5);
            padding-inline-end: var(--chakra-space-2-5);
          }
        }

        @media screen and (min-width: 48em) {
          .css-twpj79 {
            -webkit-padding-start: var(--chakra-space-1-5);
            padding-inline-start: var(--chakra-space-1-5);
            -webkit-padding-end: var(--chakra-space-1-5);
            padding-inline-end: var(--chakra-space-1-5);
          }
        }

.css-1pg6xq9 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: flex-start;
            -webkit-box-align: flex-start;
            -ms-flex-align: flex-start;
            align-items: flex-start;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: var(--chakra-space-8);
            width: 100%;
            max-width: 360px;
          }

.css-spn4bz {
              transition-property: var(--chakra-transition-property-common);
              transition-duration: var(--chakra-transition-duration-fast);
              transition-timing-function: var(--chakra-transition-easing-ease-out);
              cursor: pointer;
              -webkit-text-decoration: none;
              text-decoration: none;
              outline: 2px solid transparent;
              outline-offset: 2px;
              color: inherit;
            }

            .css-spn4bz:hover,
            .css-spn4bz[data-hover] {
              -webkit-text-decoration: underline;
              text-decoration: underline;
            }

            .css-spn4bz:focus-visible,
            .css-spn4bz[data-focus-visible] {
              box-shadow: var(--chakra-shadows-outline);
            }

.css-1x47g34 {
                display: inline-block;
                line-height: 1em;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                color: currentColor;
                width: 159px;
                height: 20px;
              }

.css-1f9ua3l {
                width: 1em;
                height: 1em;
                display: inline-block;
                line-height: 1em;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                color: currentColor;
                vertical-align: middle;
                display: inline-block;
                line-height: 1em;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                color: currentColor;
                width: 159px;
                height: 20px;
              }

.css-1vg6q84 {
              font-weight: 700;
            }

.css-hguclx {
              font-size: var(--chakra-fontSizes-sm);
              width: 302px;
            }

.css-1ckry8b {
            width: 100%;
            max-width: 160px;
          }

.css-1n4i6jg {
              margin-bottom: var(--chakra-space-8);
              color: var(--chakra-colors-white);
              font-weight: 700;
              font-size: 14px;
            }

.css-90j4rp {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: flex-start;
              -webkit-box-align: flex-start;
              -ms-flex-align: flex-start;
              align-items: flex-start;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              gap: var(--chakra-space-4);
            }

.css-1ivujmi {
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-fast);
                transition-timing-function: var(--chakra-transition-easing-ease-out);
                cursor: pointer;
                -webkit-text-decoration: none;
                text-decoration: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                color: inherit;
                font-size: var(--chakra-fontSizes-sm);
              }

              .css-1ivujmi:hover,
              .css-1ivujmi[data-hover] {
                -webkit-text-decoration: underline;
                text-decoration: underline;
              }

              .css-1ivujmi:focus-visible,
              .css-1ivujmi[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

.css-1ic2ou2 {
            width: 100%;
            max-width: 215px;
          }

.css-19k5kdc {
              margin-top: var(--chakra-space-8);
              margin-bottom: var(--chakra-space-8);
              color: var(--chakra-colors-white);
              font-weight: 700;
              font-size: 14px;
            }

.css-olxn7h {
            width: 100%;
            max-width: 220px;
          }

.css-1cwhfkz {
              margin-bottom: var(--chakra-space-8);
              color: var(--chakra-colors-white);
              font-weight: 700;
              font-size: var(--chakra-fontSizes-sm);
            }

.css-1brfujr {
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-fast);
                transition-timing-function: var(--chakra-transition-easing-ease-out);
                cursor: pointer;
                -webkit-text-decoration: none;
                text-decoration: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                color: inherit;
                font-size: var(--chakra-fontSizes-sm);
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                gap: var(--chakra-space-1-5);
              }

              .css-1brfujr:hover,
              .css-1brfujr[data-hover] {
                -webkit-text-decoration: underline;
                text-decoration: underline;
              }

              .css-1brfujr:focus-visible,
              .css-1brfujr[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

.css-uaqyhp {
              margin-bottom: var(--chakra-space-8);
              margin-top: var(--chakra-space-14);
              color: var(--chakra-colors-white);
              font-weight: 700;
              font-size: var(--chakra-fontSizes-sm);
            }

.css-5pnsis {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              gap: var(--chakra-space-6);
            }

            @media screen and (min-width: 30em) {
              .css-5pnsis {
                gap: var(--chakra-space-4);
              }
            }

.css-136eemm {
                transition-property: var(--chakra-transition-property-common);
                transition-duration: var(--chakra-transition-duration-fast);
                transition-timing-function: var(--chakra-transition-easing-ease-out);
                cursor: pointer;
                -webkit-text-decoration: none;
                text-decoration: none;
                outline: 2px solid transparent;
                outline-offset: 2px;
                color: inherit;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                border-radius: 8px;
                border-color: var(--chakra-colors-neutral_gray-500);
                border-width: 1px;
                -webkit-padding-start: 10px;
                padding-inline-start: 10px;
                -webkit-padding-end: 10px;
                padding-inline-end: 10px;
                padding-top: 9px;
                padding-bottom: 9px;
              }

              .css-136eemm:focus-visible,
              .css-136eemm[data-focus-visible] {
                box-shadow: var(--chakra-shadows-outline);
              }

              .css-136eemm:hover,
              .css-136eemm[data-hover] {
                border-color: var(--chakra-colors-neutral_gray-50);
              }

.css-1agvn9c {
                  width: 1em;
                  height: 1em;
                  display: inline-block;
                  line-height: 1em;
                  -webkit-flex-shrink: 0;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  color: currentColor;
                  font-size: 21px;
                }

.css-695rgx {
                  width: 1em;
                  height: 1em;
                  display: inline-block;
                  line-height: 1em;
                  -webkit-flex-shrink: 0;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  color: currentColor;
                  vertical-align: middle;
                  stroke: #C4C4CC;
                  width: 1em;
                  height: 1em;
                  display: inline-block;
                  line-height: 1em;
                  -webkit-flex-shrink: 0;
                  -ms-flex-negative: 0;
                  flex-shrink: 0;
                  color: currentColor;
                  font-size: 21px;
                }

.css-1cjboy4 {
          opacity: 0.6;
          border: 0;
          border-style: solid;
          border-bottom-width: 1px;
          width: 100%;
          max-width: 1140px;
          -webkit-margin-start: auto;
          margin-inline-start: auto;
          -webkit-margin-end: auto;
          margin-inline-end: auto;
          margin-top: var(--chakra-space-7);
          margin-bottom: var(--chakra-space-7);
          border-color: var(--chakra-colors-neutral_gray-500);
        }

        @media screen and (min-width: 30em) {
          .css-1cjboy4 {
            margin-top: var(--chakra-space-14);
            margin-bottom: var(--chakra-space-14);
          }
        }

.css-1vhlfu8 {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          max-width: 1140px;
          width: 100%;
          -webkit-margin-start: auto;
          margin-inline-start: auto;
          -webkit-margin-end: auto;
          margin-inline-end: auto;
          -webkit-padding-start: var(--chakra-space-2-5);
          padding-inline-start: var(--chakra-space-2-5);
          -webkit-padding-end: var(--chakra-space-2-5);
          padding-inline-end: var(--chakra-space-2-5);
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 32px;
        }

        @media screen and (min-width: 30em) {
          .css-1vhlfu8 {
            -webkit-padding-start: var(--chakra-space-2-5);
            padding-inline-start: var(--chakra-space-2-5);
            -webkit-padding-end: var(--chakra-space-2-5);
            padding-inline-end: var(--chakra-space-2-5);
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
          }
        }

        @media screen and (min-width: 48em) {
          .css-1vhlfu8 {
            -webkit-padding-start: var(--chakra-space-1-5);
            padding-inline-start: var(--chakra-space-1-5);
            -webkit-padding-end: var(--chakra-space-1-5);
            padding-inline-end: var(--chakra-space-1-5);
          }
        }

.css-1dtwvo1 {
            color: var(--chakra-colors-neutral_gray-200);
            font-size: var(--chakra-fontSizes-xs);
          }

.css-1mdpsyy {
              height: 1em;
              display: inline-block;
              line-height: 1em;
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              color: currentColor;
              width: 150px;
            }

.css-2dumeq {
              width: 1em;
              height: 1em;
              display: inline-block;
              line-height: 1em;
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              color: currentColor;
              vertical-align: middle;
              height: 1em;
              display: inline-block;
              line-height: 1em;
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              color: currentColor;
              width: 150px;
            }

.css-noscript-hidden {
  display: none;
}

.chakra-collapse.is-collapsed {
  overflow: hidden;
  display: none;
  opacity: 0;
  height: 0;
}

.css-twpj79.course-grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}