.App { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.App { flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.App { flex-basis: unset; }}


.m3lyajgk { height: 100%; left: 0; top: 0; width: 100vw; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: linear-gradient(180deg, rgba(244,238,255,1) 0%,rgba(255,255,255,1) 16.7%,rgba(255,255,255,1) 100%); background-position: center; background-repeat: no-repeat; background-size: cover; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m3lyajgk { height: 100%; max-height: unset; min-height: unset; width: 100vw; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 93px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3lyajgk { flex-basis: unset; }}


.m45t8jn5 { cursor: inherit; left: 0; top: 0; width: 89%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: flex-start; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
@media (max-width: 767px) {.m45t8jn5 { height: 100%; max-height: unset; min-height: unset; width: 89%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: flex-start; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m45t8jn5 { flex-basis: 0px; }}


.m45taqnp { cursor: inherit; height: 100%; left: 0; top: 0; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
@media (max-width: 767px) {.m45taqnp { height: 134.8%; max-height: unset; min-height: unset; width: 99.8%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m45taqnp { flex-basis: 0px; }}


.m3lzd0bf { left: 0; top: 0; width: 85%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: auto; gap: 0px; padding: 0px 0px 0px 0px; margin: 12px 0px 12px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 10px; border-width: 0px; box-shadow: 0px 4px 12px 0px transparent; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
@media (max-width: 767px) {.m3lzd0bf { height: 880px; width: 99.8%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: auto; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3lzd0bf { overflow: auto; flex-basis: 0px; }}


.m3lzd0c4 { height: 192px; left: 0; top: 0; width: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 16px; padding: 0px 26px 0px 26px; margin: 0px 0px 0px 0px; background-image: linear-gradient(270deg, rgba(244,238,255,1) 0%,rgba(238,250,255,1) 100%); border-style: None; border-color: rgba(176,56,255,0.6); border-radius: 20px; border-width: 1px; box-shadow: 4px 3px 11px 4px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m3lzd0c4 { height: auto; max-height: unset; min-height: unset; width: unset; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: wrap; overflow: visible; gap: 12px; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; border-color: rgba(176,56,255,0.6); flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3lzd0c4 { width: unset; flex-grow: unset; flex-basis: unset; }}


.m3opqx8t { cursor: pointer; height: 40px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(255,255,255,1); border-style: solid; border-color: rgba(102,51,255,0.8); border-radius: 10px; border-width: 1px; color: rgba(102,51,255,1); font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; background-image: linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m3opqx8t { height: 42px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3opqx8t { flex-basis: unset; }}


.m3peidyg { cursor: inherit; height: auto; left: 0; top: 0; width: 100%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: flex-end; flex-direction: row; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 5px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m3peidyg { flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3peidyg { flex-basis: unset; }}


.cp_362541a4 { cursor: inherit; height: 30px; left: 0; top: 0; width: 166px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: rgba(75,75,86,1); font-family: Plus Jakarta Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_362541a4 { height: 24px; width: 132px; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 24px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_362541a4 { font-size: 12px; flex-basis: unset; }}


.cp_8c67c345 { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: rgba(75,75,86,1); font-family: Plus Jakarta Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_8c67c345 { font-size: 14px; line-height: 24px; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_8c67c345 { font-size: 20px; flex-basis: unset; }}


.cp_5b64708f { cursor: inherit; height: 36px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: rgba(24,24,27,1); font-family: Alibaba PuHuiTi,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-weight: 700; line-height: 36px; opacity: 1; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_5b64708f { height: auto; max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 20px; line-height: 30px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_5b64708f { flex-basis: unset; }}


.cp_3cfae42c { cursor: inherit; height: 50px; left: 0; top: 0; width: 341px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 17px 0px 17px 0px; background-color: transparent; color: linear-gradient(90deg, rgba(4,40,104,1) 0%,rgba(102,51,255,1) 100%); font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 40px; font-style: normal; font-weight: 700; line-height: 50px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_3cfae42c { height: 50px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 24px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_3cfae42c { height: 50px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 15px 0px 15px 0px; flex-grow: unset; flex-basis: unset; }}


.m559mf1p { cursor: inherit; height: 162px; left: 0; top: 0; width: 85%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #eef7ff; border-style: None; border-color: transparent; border-radius: 20px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m559mf1p { height: auto; max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: flex-start; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; overflow: visible; gap: 30px; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; border-radius: 20px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m559mf1p { flex-basis: unset; }}


.m55a19jq { cursor: inherit; height: 40px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: center; flex-wrap: nowrap; overflow: visible; gap: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m55a19jq { height: auto; max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: flex-start; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 5px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m55a19jq { flex-basis: unset; }}


.m559mz8l { height: 40px; left: 0; top: 0; width: 433px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: solid; border-color: #bbc1d9; border-radius: 10px; border-width: 1px; color: #000000; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; box-shadow: 0px 0px 0px 0px transparent; box-sizing: border-box; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m559mz8l { height: 40px; width: 100.3%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m559mz8l { flex-basis: unset; }}


.m55a1dwf { cursor: inherit; height: auto; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #000000; font-family: Alibaba PuHuiTi,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-weight: 700; line-height: 36px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m55a1dwf { font-size: 20px; line-height: 30px; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m55a1dwf { flex-basis: unset; }}


.m55a0a2l { cursor: inherit; height: 50px; left: 0; top: 0; width: 85%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m55a0a2l { height: auto; max-height: unset; min-height: unset; width: 85%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: flex-start; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m55a0a2l { flex-basis: unset; }}


.m3opj557 { cursor: inherit; height: 50px; left: 0; top: 0; width: 387px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: linear-gradient(90deg, rgba(4,40,104,1) 0%,rgba(102,51,255,1) 100%); font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 40px; font-style: normal; font-weight: 700; line-height: 50px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; pointer-events: unset; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.m3opj557 { height: 50px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 24px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.m3opj557 { height: 53px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; line-height: 48px; flex-grow: unset; flex-basis: unset; }}


.cp_b35330b7 { cursor: inherit; height: 64px; left: 0; top: 0; width: 89%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(238,247,255,0); border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_b35330b7 { height: 56px; width: 95%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_b35330b7 { flex-basis: unset; }}


.cp_7f0ece71 { cursor: inherit; height: 35px; left: 0; top: 0; width: 211px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 767px) {.cp_7f0ece71 { height: 28px; width: 172px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 768px) and (max-width: 1279px) {.cp_7f0ece71 { flex-basis: unset; }}