/* icons */
@font-face {
  font-family: 'icomoon';
  src:
    url('../f/icons/icomoon.ttf') format('truetype'),
    url('../f/icons/icomoon.woff') format('woff'),
    url('../f/icons/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.mSPMQi {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zMzcxL::before {
  content: "\e90e";
  color: #008CFF;
}

.TINxhg::before {
  content: "\e906";
}

.TNzDOt::before {
  content: "\e90f";
}

.mSPMQi__arrow-down::before {
  content: "\e900";
}

.mSPMQi__arrow-up::before {
  content: "\e901";
}

.TBTVCe::before {
  content: "\e902";
}

.mSPMQi__eye::before {
  content: "\e903";
}

.mSPMQi__eyeClosed::before {
  content: "\e904";
}

.kkbeuk::before {
  content: "\e905";
}

.oLweVP::before {
  content: "\e907";
}

.bAuHjY::before {
  content: "\e908";
}

.qNDHdq::before {
  content: "\e909";
}

.DCyTha::before {
  content: "\e90a";
}

.uVTJtf::before {
  content: "\e90c";
}

.XpmBxj::before,
.NdvADn[data-state="is-active"] .uVTJtf::before {
  content: "\e90b";
}

.MwSWwl::before {
  content: "\e90d";
}

.VlPvns::before {
  content: "\e911";
}

.onlpbK::before {
  content: "\e913";
}

.MOysRu::before {
  content: "\e917";
}

.urCtKB {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), #d9d9d9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 100px;
}

/* main styles */
body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: normal;
  background-color: #0F0F0F;
  color: #FFFFFF;
}

.NmrCqI {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.VofwGy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: relative;
  height: 60px;
  width: 180px;
  border-radius: 100px;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.VofwGy::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 100px;
  z-index: -1;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.10) 10%, rgba(255, 255, 255, 0.42) 88.43%);
}

.WcluTB,
.WcluTB::before {
  background-color: #008CFF;
}

.pKmVKk,
.pKmVKk::before {
  background-color: #0B7034;
}

.jwMOAV,
.jwMOAV::before {
  background-color: #171717;
}

.VofwGy:hover::before {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
}

.WiXRlk {
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.74);
}

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.74);
}

::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.74);
}

::placeholder {
  color: rgba(255, 255, 255, 0.74);
}

/* header */
.NUGzzs {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(15, 15, 15, 0.8);
  backdrop-filter: blur(10px);
}

.YlFzgz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100px;
  padding: 40px;
}

.NdvADn {
  display: none;
}

.LgAnwN {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px;
}

.ZmYHHr {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.qGPcLc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
  gap: 12px;
}

.rYBRof {
  width: 32px;
  height: 32px;
  font-size: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.ruPNRY {
  margin: 0 auto;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  background-color: #171717;
  border-radius: 100px;
  position: relative;
}

.ruPNRY::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 100px;
  z-index: -1;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.10) 10%, rgba(255, 255, 255, 0.42) 88.43%);
  background-color: #171717;
}

.FUcPuU {
  width: 1px;
  height: 22px;
  background-color: #575757;
  margin: 0 10px;
}

.FYWtoa {
  opacity: 0.54;
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 0 10px;
}

.FYWtoa.lAIrIZ,
.FYWtoa:hover {
  opacity: 1;
}

.FYWtoa.lAIrIZ {
  pointer-events: none;
}

/* hero */
.jPrkDM {
  position: relative;
  padding: 180px 0 120px;
  overflow-x: hidden;
  background: url('../i/hero-bg.png') no-repeat center bottom / contain;
}

.jPrkDM::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 650px;
  background: linear-gradient(180deg, rgba(115, 115, 115, 0.00) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(14, 14, 14, 0.97) 70%, rgba(14, 14, 14, 0.97) 90%, rgba(115, 115, 115, 0.00) 100%);
  z-index: 2;
  pointer-events: none;
}

.wxDTid {
  text-align: center;
  padding-bottom: 80px;
}

.CkPrSI {
  font-size: 78px;
  font-weight: 700;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.MLwcMl {
  opacity: 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.RarTNM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  gap: 40px;
  margin-bottom: 100px;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.RarTNM .VofwGy {
  width: 280px;
}

.XhZYDx {
  width: 100%;
  height: 500px;
  position: relative;
}

.weSkhD {
  width: 100%;
  height: 100%;
  background: url('../i/hero-img.png') no-repeat center top;
  background-size: contain;
}

.mFKycS {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #008CFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 70px;
  right: 25px;
  font-size: 32px;
  z-index: 3;
  opacity: 0;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

/* features */
.nVqABG {
  padding: 100px 0;
}

.huVswh {
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hChMFA {
  width: calc(50% - 40px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 0;
}

.VmuMZp {
  width: 100%;
  max-width: 380px;
  height: 512px;
  margin: 0 auto;
  position: relative;
  background: url('../i/feature-card-1-img.png') no-repeat center top;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uxUbmz .VmuMZp {
  background-image: url('../i/feature-card-2-img.png');
}

.bOGafA {
  margin-bottom: 60px;
  font-size: 42px;
  font-weight: 700;
}

.qQEYZM .LzcXEV {
  margin-bottom: 60px;
}

.PMeTTo {
  color: #008CFF;
}

.TVVbBj {
  width: 100%;
  max-width: 264px;
}

.vrrkFJ {
  width: 100%;
  border-radius: 10px;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  position: relative;
  backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
}

.vrrkFJ::before,
.vrrkFJ::after {
  content: "";
  position: absolute;
  border-radius: 10px;
}

.vrrkFJ::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -2;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.10) 10%, rgba(255, 255, 255, 0.42) 88.43%);
}

.vrrkFJ::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.oAxFZt::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 0, 26, 0.40) 100%), rgba(20, 20, 20, 0.7);
}

.xCOzAW::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 255, 102, 0.40) 100%), rgba(20, 20, 20, 0.7);
}

.PheTov {
  width: 60px;
  height: 60px;
  background: url('../i/feature-icon-shield.svg') no-repeat center center / contain;
}

.OEDaEh {
  background-image: url('../i/feature-icon-checkmark.svg');
}

.gpDwGm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 28px;
}

.XVYoAA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  min-width: 70px;
}

.QMejsw {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.64;
  text-align: center;
}

.pUxoVp {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.OiufQt {
  background-image: url('../i/gmail.png');
}

.rqDbwS {
  background-image: url('../i/outlook.png');
}

.ylMzhs {
  background-image: url('../i/yahoo.png');
}

/* split */
.Zhinlc {
  padding: 100px 0;
  position: relative;
}

.OJKswY {
  margin-bottom: 100px;
}

.wZdilo::before,
.OJKswY::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}

.wZdilo::before {
  bottom: -30%;
  background-image: url('../i/center-bg.png');
}

.OJKswY::before {
  top: 0;
  background-image: url('../i/last-bg.png');
}

.sFIiFZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 200px;
}

.jweXpY {
  width: 540px;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  opacity: 0;
}

.Pwxwky {
  background-image: url('../i/split_chat.png');
}

.ZCRBzO {
  background-image: url('../i/split_code.png');
}

.uCJfDm {
  background-image: url('../i/split_message.png');
  width: 454px;
  height: 714px;
}

.KWdvJm {
  opacity: 0;
}

.yvlcUW {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
}

.KWdvJm .VofwGy {
  width: 100%;
  max-width: 264px;
  margin-top: 60px;
}

.RhNQZn {
  width: calc(100% + 70px);
  border-radius: 10px;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 15%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  z-index: 1;
}

.RhNQZn::before,
.RhNQZn::after {
  content: "";
  position: absolute;
  border-radius: 10px;
}

.RhNQZn::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -2;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.10) 10%, rgba(255, 255, 255, 0.42) 88.43%);
}

.RhNQZn::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 255, 102, 0.40) 100%), rgba(20, 20, 20, 0.7);
}

.oAGRVx {
  width: 60px;
  height: 60px;
  background: url('../i/split-icon-shield.svg') no-repeat center center / contain;
}

/* cards */
.MQbIUz {
  padding: 100px 0;
}

.OtromD {
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

.vnSCFB {
  width: calc(50% - 40px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 60px;
  opacity: 0;
}

.CYrxwS {
  width: 100%;
  max-width: 480px;
  padding: 17px;
  gap: 17px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(7px);
  position: relative;
}

.CYrxwS::before,
.CYrxwS::after {
  content: "";
  position: absolute;
  border-radius: 20px;
}

.CYrxwS::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -2;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.10) 10%, rgba(255, 255, 255, 0.42) 88.43%);
}

.CYrxwS::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.85);
}

.AMOUIq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  min-height: 68px;
  padding-left: 85px;
  position: relative;
}

.dQCFQT {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ypfkfo .dQCFQT {
  background: #008CFF;
  font-size: 30px;
  font-weight: 700;
}

.nQTJRM .dQCFQT {
  background: #0B7034;
}

.PlotoY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.GppoPA {
  font-size: 24px;
  font-weight: 500;
}

.AMOUIq i {
  font-size: 27px;
}

.GppoPA i {
  margin-right: 7px;
}

.OUbpvK {
  opacity: 0.64;
  font-weight: 500;
}

.OiotFE {
  opacity: 0.64;
}

.kANqme {
  width: 50px;
  height: 50px;
  background: url('../i/icon-security.svg') no-repeat center center / contain;
}

.TOCNvj {
  width: 27px;
  height: 27px;
  background: url('../i/icon-clip.svg') no-repeat center center / contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.BwoFNL {
  background-image: url('../i/icon-clip-2.svg');
}

.snHfwb {
  background: rgba(255, 0, 0, 0.12);
  padding: 17px;
  border-radius: 20px;
  color: #FF0000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 17px;
}

.DTqudk {
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
}

.HcyzfM {
  height: 68px;
  width: calc(100% / 7);
  border-radius: 8px;
  background: linear-gradient(300deg, rgba(255, 255, 255, 0.04) 5.9%, rgba(255, 255, 255, 0.12) 88.43%);
  font-size: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.HcyzfM .mSPMQi {
  color: rgba(255, 255, 255, 0.2);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.2);
}

.TMGcOB {
  font-size: 42px;
  font-weight: 700;
}

.CXnzvn {
  color: #008CFF;
}

/* forms */
.VeqiXz {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  font-size: 14px;
  text-align: left;
}

.VeqiXz:not(:last-of-type) {
  margin-bottom: 40px;
}

.VeqiXz input,
.VeqiXz select,
.VeqiXz textarea,
.VeqiXz [data-role="select-trigger"] {
  background: var(--bg-gradient, linear-gradient(300deg, rgba(255, 255, 255, 0.04) 5.9%, rgba(255, 255, 255, 0.12) 88.43%));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  color: #fff;
}

.VeqiXz textarea {
  height: 110px;
  resize: none;
  display: block;
}

.VeqiXz [data-role="select-menu"] {
  top: 100%;
  border: none;
  background: rgba(0, 0, 0, 0.54);
  box-shadow: 0 74px 79px 0 rgba(22, 25, 46, 0.10);
  backdrop-filter: blur(30px);
  padding: 10px 0;
  border-radius: 24px;
  min-width: initial;
  gap: 0;
  max-height: 285px;
}

.VeqiXz [data-custom-select][data-open="true"] [data-role="select-menu"] {
  gap: 0;
}

.VeqiXz [data-role="select-option"] {
  padding: 10px 20px;
  font-size: 16px;
  margin-right: 56px;
  position: relative;
}

.VeqiXz [data-role="select-option"]::after {
  content: "\e906";
  font-family: 'icomoon' !important;
  font-weight: normal;
  line-height: 1;
  width: 24px;
  height: 24px;
  font-size: 24px;
  position: absolute;
  left: calc(100% + 6px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.VeqiXz [data-role="select-option"][data-selected="true"]::after {
  opacity: 1;
  border-color: transparent;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), #d9d9d9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

[data-role="select-menu"]::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 2px;
}

[data-role="select-menu"]::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.0);
  margin: 20px 0;
}

.eSYNqW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.74);
  position: absolute;
  top: calc(100% + 40px);
  left: 0;
  right: 0;
  text-align: center;
}

/* footer */
.RthAdt {
  padding: 20px 40px;
}

.Mdvcjo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.AfEqAd {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 40px;
}

.MQpmEb {
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
}

.fXCscj {
  opacity: 0.64;
  font-size: 18px;
  transition: opacity 0.3s ease;
}

.fXCscj.lAIrIZ,
.fXCscj:hover {
  opacity: 1;
}

.fXCscj.lAIrIZ {
  pointer-events: none;
}

.MQpmEb .hMaVlv {
  display: none;
}

.lSEbIV {
  opacity: 0.64;
  font-size: 18px;
  margin-left: 60px;
}

/* terms */
.xVWkaW {
  padding: 100px 0;
}

.ixRIHz {
  max-width: 1220px;
  display: -ms-grid;
  display: grid;
  gap: 40px;
}

.RzTpzp {
  font-size: 70px;
  font-weight: 700;
}

.xVWkaW h4 {
  font-size: 42px;
  font-weight: 700;
}

.xVWkaW ul {
  list-style: disc;
  padding-left: 20px;
}

.xVWkaW a {
  color: #008CFF;
  text-decoration: underline;
}