body {background-color: #000;}.mainContainer h1 {font-size: 1.5rem;line-height: 1.45 !important;font-weight: 600;}.mainContainer p:first-child {color: #fff !important;font-weight: 400 !important;}.mainContainer p:first-child>span {font-weight: 600;}.mainContainer .register {gap: 15px;}.chartContainer {padding: 40px;border-radius: 10px;background: linear-gradient(180deg, #020012, #000);flex-direction: column;}.chartContainer h2 {margin: 0px;max-width: 320px;text-align: start;font-size: 1.5rem;font-weight: 600;}.chartContainer>p {font-size: 0.8rem;transform: translateY(22px);}.chartContainer .inputs {margin-top: 20px;display: flex;width: 100%;justify-content: space-around;}.chartContainer .inputs .inp {position: relative;}.chartContainer .inputs .inp .showInfo p {font-size: 0.8rem;margin-top: 6px;font-weight: 600;}.chartContainer .inputs .inp .showInfo p::after {content: "USDT/MÊS";margin-left: 5px;color: #000;font-size: 0.55rem;}.chartContainer .inputs .inp .showInfo {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 10px;width: 130px;background-color: var(--colorPrimary);border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;pointer-events: none;flex-direction: column;font-weight: 500;font-size: 0.65rem;opacity: 0;}.chartContainer .inputs .inp .showInfo::after {position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #fff;bottom: -20px;left: 50%;transform: translateX(-50%);opacity: 0;}.chartContainer .inputs .inp .showInfo::before {content: "Rendimentos potenciais por mês";color: #000;}.chartContainer .inputs .inp label {cursor: pointer;color: #fff;font-size: 0.8rem;border: 1px solid #fff;padding: 5px 15px;border-radius: 50px;font-weight: normal;max-width: 72px;position: relative;}.chartContainer .inputs .inp label::before {position: absolute;content: "";width: 2px;height: 0px;background: linear-gradient(180deg, transparent, #fff, var(--colorPrimary));left: 50%;bottom: 28px;transform: translateX(-50%);transition: height 0s ease;}.chartContainer .inputs .inp input:checked+label {border-color: var(--colorPrimary);background-color: var(--colorPrimary);font-weight: bold;max-width: 135px;}.chartContainer .inputs .inp input:checked+label+.showInfo {animation: showInfo 0.8s 0.3s ease forwards;}.chartContainer .inputs .inp input:checked+label+.showInfo::after {animation: showInfo 0.8s 0.45s ease forwards;}@keyframes showInfo {0% {opacity: 0;transform: translate(-50%, 8px);}50% {opacity: 1;}100% {opacity: 1;transform: translate(-50%, 0);}}.chartContainer .inputs .inp input:checked+label[for="50"]+.showInfo {bottom: 85px;}.chartContainer .inputs .inp input:checked+label[for="250"]+.showInfo {bottom: 100px;}.chartContainer .inputs .inp input:checked+label[for="500"]+.showInfo {bottom: 125px;}.chartContainer .inputs .inp input:checked+label[for="1000"]+.showInfo {bottom: 165px;}.chartContainer .inputs .inp input:checked+label[for="2500"]+.showInfo {bottom: 235px;}.chartContainer .inputs .inp input:checked+label[for="50"]::before {height: 35px;}.chartContainer .inputs .inp input:checked+label[for="250"]::before {height: 55px;}.chartContainer .inputs .inp input:checked+label[for="500"]::before {height: 78px;}.chartContainer .inputs .inp input:checked+label[for="1000"]::before {height: 120px;}.chartContainer .inputs .inp input:checked+label[for="2500"]::before {height: 180px;}.chartContainer .inputs .inp input:checked+label::before {transition: height 0.45s ease;}.chartContainer .inputs .inp input:checked+label::after {content: " afiliados";}.graphicContianer {margin-top: 120px;margin-bottom: auto;position: relative;margin-left: 20px;margin-right: 20px;}.graphicContianer::after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;transition: height 0.4s ease;}.graphicContianer.active::after {height: 0%;}.graphicContianer .point {position: absolute;top: -55px;opacity: 0;transform: translateY(8px);right: calc(-35px + 3%);color: var(--colorPrimary);text-align: center;font-size: 0.75rem;font-weight: 600;display: flex;transition: 0s;}.graphicContianer.active .point {opacity: 1;transform: translateY(0);transition: 0.8s 0.4s ease;}.graphicContianer .point2 span {font-weight: 600;font-size: 0.7rem;margin-left: 5px;color: var(--colorPrimary);}.graphicContianer .point2 {opacity: 0;transform: translateY(8px);font-weight: 600;font-size: 0.85rem;justify-content: center;align-items: center;color: #fff;position: absolute;width: 100px;padding: 3px;border-radius: 8px;top: -15px;right: calc(-50px + 3%);background: linear-gradient(180deg, #084375, #020012);border: 1px solid var(--colorPrimary);transition: 0s;}.graphicContianer.active .point2 {opacity: 1;transform: translateY(0);transition: 0.8s 0.6s ease;}.graphicContianer .point3 {opacity: 0;transform: translateY(8px);position: absolute;content: "";width: 12px;height: 12px;border-radius: 50%;top: calc(8%);right: calc(-6px + 3%);background-color: #fff;transition: 0s;}.graphicContianer.active .point3 {opacity: 1;transform: translateY(0);transition: 0.8s 0.8s ease;}.graphicContianer .label::after {content: "(+75,32%)";color: #33ff00;font-size: 0.8rem;margin-left: 7px;}.graphicContianer .label {opacity: 0;transform: translateX(8px);font-weight: 500;position: absolute;border-radius: 8px;top: 10px;left: 10px;padding: 10px;background: linear-gradient(180deg, #084375, #020012);border: 1px solid var(--colorPrimary);}.graphicContianer.active .label {opacity: 1;transform: translateX(0);transition: 0.8s 0.4s ease;}.windowMac {position: absolute;bottom: -10px;right: calc(50% - 50px);width: 100%;height: 400px;background: #1e1e1e;border: 1px solid #808080;border-radius: 16px;overflow: hidden;flex-direction: column;transform: translate(100%, 0);transition: 1s;}.active .windowMac {transform: translate(50%, 0);}.windowMac .macHeader {display: flex;justify-content: space-between;align-items: center;height: 40px;gap: 20px;padding: 10px;background: #2c2c2c;border-bottom: 1px solid #808080;}.windowMac .macHeader .macHeaderButtons span {display: inline-block;width: 12px;height: 12px;border-radius: 50%;margin-right: 5px;}.windowMac .macHeader .macHeaderButtons span.red {background: #ff605c;}.windowMac .macHeader .macHeaderButtons span.yellow {background: #ffbd2e;}.windowMac .macHeader .macHeaderButtons span.green {background: #27c93f;}.windowMac .macHeader .search {background: #3c3c3c;width: 100%;height: 100%;padding: 5px 10px;border-radius: 4px;}.windowMac .macContent>.header {display: flex;align-items: center;padding: 5px;background: #2c2c2c;gap: 12px;border-bottom: 1px solid #808080;width: 100%;}.windowMac .macContent>.header img {border-radius: 50%;}.windowMac .macContent>.header p {font-size: 0.8rem;font-weight: 600;}.windowMac .msg {opacity: 0;transform: translateY(8px);margin-top: 30px;margin-left: 20px;align-items: center;gap: 20px;}.active .windowMac .msg:nth-child(3) {opacity: 1;transform: translateY(0);transition: 0.8s ease;}.active .windowMac .msg:nth-child(4) {opacity: 1;transform: translateY(0);transition: 0.8s 0.2s ease;}.active .windowMac .msg:nth-child(5) {opacity: 1;transform: translateY(0);transition: 0.8s 0.4s ease;}.windowMac .msg.user p {background: #505050 !important;width: 50%;}.windowMac .msg p {font-size: 0.95rem;width: 50%;font-weight: 500;margin: 0px;padding: 10px;border-radius: 8px;background: var(--colorPrimary);}.contentRank {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.rank {overflow: hidden;border-radius: 8px;display: flex;flex-direction: column;width: 300px;}.rank>.item {background: #0d0d0d;gap: 20px;opacity: 0;transform: translateY(8px);transition: 0.8s ease;}.rank>.item.active {opacity: 1;transform: translateY(0);}.rank>.item .person {display: flex;align-items: center;gap: 20px;padding: 10px;}.rank>.item .person p {font-weight: 500;}.rank>.item .person svg {width: 35px;height: 35px;border-radius: 50%;}.rank>.item:nth-child(2n) {background: #060606;}.rank>.item .position {display: flex;justify-content: center;align-items: center;width: 50px;font-weight: 600;font-size: 1.3rem;}.rank>.item[data-position="1"]>.position {background: #ffbb00;}.rank>.item[data-position="2"]>.position {background: #c0c0c0;}.rank>.item[data-position="3"]>.position {background: #402e1d;}.rank>.item[data-position="4"]>.position {background: #747474;}.rank>.item[data-position="5"]>.position {background: #5e5e5e;}.listStyle-1 {margin-top: 250px;}.listStyle-1 .container {display: flex;flex-direction: column;gap: 20px;}.listStyle-1 h2 {max-width: 100%;width: 100%;}.listStyle-1 .list .item p {font-size: 1.2rem;font-weight: 600;}.listStyle-1 .list .item {display: flex;align-items: center;gap: 20px;border-bottom: 2px solid #222222;padding-bottom: 20px;margin-bottom: 20px;}.listStyle-1 .list {width: 85%;flex-direction: column;border-radius: 16px;height: 100%;background: #141416;padding: 30px 150px;}.listStyle-1 .list .item:last-child {margin-bottom: 0px;border-bottom: none;padding-bottom: 0px;}.listStyle-glass {margin-top: 300px;}.listStyle-glass .container {position: relative;}.listStyle-glass .imgBox:nth-of-type(1) {position: absolute;top: -80px;right: 0;}.listStyle-glass .imgBox:nth-of-type(2) {position: absolute;bottom: 60px;left: -45px;right: initial;}.listStyle-glass .img {position: relative;}.listStyle-glass .img::after {position: absolute;content: "";width: 5px;height: 5px;left: 40%;top: 30%;border-radius: 50%;box-shadow: 0 0px 200px 60px var(--colorPrimary);}.listStyle-glass .glassBox {width: 100%;padding: 80px;display: flex;flex-direction: column;gap: 20px;border-radius: 16px 16px 0px 0px;background: linear-gradient(180deg, #c0c0c015, transparent);backdrop-filter: blur(10px);border: 2px solid;border-color: #bcbcbc;border-bottom: none;position: relative;}.listStyle-glass .glassBox::after {content: "";position: absolute;width: 2px;height: 100%;top: 0;left: -2px;background: linear-gradient(0deg, #000, transparent);}.listStyle-glass .glassBox::before {content: "";position: absolute;width: 2px;height: 100%;top: 0;right: -2px;background: linear-gradient(0deg, #000, transparent);}.listStyle-glass .glassBox p, .listStyle-glass .glassBox h3 {position: relative;padding-left: 30px;}.listStyle-glass .glassBox h3 {font-size: 1.7rem;}.listStyle-glass .glassBox p {font-size: 1.4rem;}.listStyle-glass .glassBox .list {display: flex;flex-direction: column;gap: 60px;width: max-content;margin: auto;}.listStyle-glass .glassBox .list .item {display: flex;flex-direction: column;gap: 10px;}.listStyle-glass .glassBox h3::before {content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%;top: 7px;left: 0;background: #fff;}.listStyle-glass .glassBox h3::after {content: "";position: absolute;width: 3px;height: 140px;background: #fff;top: 10px;left: 5px;}.listStyle-glass .glassBox .list .item:last-child h3::after {height: 0px;}.faqV2 {margin-top: 250px;}@media (max-width: 1200px) {section.mainContainer {max-height: max-content;}section.mainContainer .container {flex-direction: column;align-items: center;gap: 80px;}}@media (max-width: 940px) {.windowMac .msg p {font-size: 0.65rem;}.listStyle-1 .list {padding: 10px;margin: 0px;}.listStyle-1 .list .item svg {min-width: 50px !important;}h1 {font-size: 1.5rem !important;line-height: 1.45 !important;font-weight: 600 !important;}.graphicContianer svg {width: 300px !important;}}@media (max-width: 1180px) {.listStyle-glass {display: none;}.mainContainer p:first-child {color: #fff !important;font-weight: 400 !important;}section.mainContainer>.container>.left>p>span:first-child {display: block !important;}.gridItems > .container{display: flex !important;flex-direction: column !important;}.gridItems {height: 2500px !important;}.graphicContianer {margin-left: auto;margin-right: auto;}}@media (max-width: 600px) {section.mainContainer > .container > .right {scale: 0.6;}}@media (max-width: 400px) {.gridItems > .container .gridItem {border-radius: 0px;border-left: none;border-right: none;width: 100%;}.gridItems > .container {width: 100% !important;}section.mainContainer > .container > .left {max-width: 300px;margin: auto;}}.gridItems {height: 1200px;}.gridItems>.container {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 20px;}.gridItems .gridItem {position: relative;overflow: hidden;min-width: 100%;height: 100%;border-radius: 16px;border: 2px solid #222222;flex-direction: column;padding: 25px;}.gridItems .gridItem h2 {font-size: 1.5rem;font-weight: 600;color: #fff;margin: 0px;text-align: start;max-width: 100%;width: 100%;}.gridItems .gridItem>p {margin: 0px;margin-top: 10px;}
