:root{--bg-color: hsl(250, 84%, 10%);--bg-color-bright: hsl(245, 69%, 48%)}*{box-sizing:border-box;margin:0;font-family:Roboto Mono,monospace}html{scroll-behavior:smooth}.component-gap{padding-top:92px}body{background:linear-gradient(150deg,#0b042f 25%,#1f177d 50%,#0b042f);overflow-x:hidden}body.no-scroll{overflow:hidden}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#3426cf;z-index:11;display:flex;justify-content:center;align-items:center}.spinner{border:8px solid #fff;border-top:8px solid hsl(250,84%,10%);border-radius:50%;width:80px;height:80px;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-browser=webkit] ::-webkit-scrollbar{width:6px}[data-browser=webkit] ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, rgba(52, 38, 207, .8));border-radius:5px;transition:all 95ms ease-out;cursor:var(--scrollbar-cursor, pointer)}[data-browser=webkit] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #3426cf)}[data-browser=webkit] ::-webkit-scrollbar-track{background-color:#0b042f}[data-browser=firefox]{scrollbar-width:thin;scrollbar-color:rgba(52,38,207,.8) hsl(250,84%,10%)}h2{padding-bottom:28px;font-weight:500;font-size:54px;color:#e15544}h3{padding-bottom:24px;font-weight:700;font-size:48px;color:#02f4bf}.green-regular-text{font-weight:400;font-size:18px;color:#02f4bf}.red-small-text{font-weight:400;font-size:14px;color:#e15544}a{text-decoration:none;-webkit-tap-highlight-color:transparent}.btn{border:1px solid #02f4bf;padding:15px 30px;cursor:pointer;transition:all 95ms ease-out;-webkit-tap-highlight-color:transparent}.btn-green{background-color:#02f4bf;font-weight:500;font-size:18px;color:#0b042f}.btn-green:hover{color:#e15544}.btn-green:active{color:#0b042f;font-weight:700;filter:brightness(1.2)}.btn.btn-green.hover-inactive{color:#02f4bf;font-weight:500;filter:none}.btn-purple{background-color:transparent;font-weight:500;font-size:18px;color:#e15544}.btn-purple:hover{color:#02f4bf}.btn-purple:active{border-color:#e15544;color:#e15544}.btn.btn-purple.hover-inactive{color:#e15544;border-color:#02f4bf}.btn-grey{border:1px solid #827b7b;padding:15px 30px;background-color:transparent;font-weight:500;font-size:18px;color:#827b7b}@media (max-width: 1600px){h2{padding-bottom:24px}}@media (max-width: 1200px){h2{font-size:48px}h3{font-size:40px}}@media (max-width: 768px){h2{font-size:40px;padding-bottom:20px}h3{font-size:32px;padding-bottom:20px}.green-regular-text{font-size:17px}.btn,.btn-grey{padding:12px 24px}.btn-green{font-size:17px}.btn-purple,.btn-grey{font-weight:500;font-size:17px}}@media (max-width: 680px){h2{font-size:36px}h3{font-size:28px}}@media (max-width: 560px){h2{font-size:30px;font-weight:700}h3{font-size:24px;padding-bottom:16px}.green-regular-text{font-size:16px}.btn,.btn-grey{padding:12px 20px}.btn-green,.btn-purple,.btn-grey{font-size:16px}}@media (max-width: 360px){h2{font-size:26px;font-weight:700}}