.mainRootBody{display:flex;flex-direction:column;align-items:center;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.iti{width:100%!important}.iti{position:relative;display:inline-block}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti--separate-dial-code .iti__selected-flag{background-color:#0000000d}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.iti__flag{height:15px;box-shadow:0 0 1px #888;background-image:url(https://campay.net/static/uicollect/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}.iti__flag{width:20px}.iti__cm{height:14px;background-position:-1027px 0}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.info{display:none}.icon:hover~.info{display:block}.homeRoot *{margin:0;padding:0}body{margin:0}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container-sm,.container{max-width:540px}}@media (min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media (min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media (min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media (min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}.header-sec{padding:30px 0}.header-sec img{width:183px;height:60px}.hero-sec{background:linear-gradient(0deg,#fff,#fef3ff)}.hero-content-wrapper{display:flex;align-items:center;justify-content:space-between;padding-bottom:100px}.hero-content{max-width:600px}.hero-content h1{font-weight:700;font-size:60px;line-height:113%;color:#090909;margin-bottom:30px}.hero-content h1 span{color:#f31cfe;white-space:nowrap}.hero-content p{font-weight:400;font-size:22px;line-height:145%;color:#090909;margin:0}.hero-content p span{font-weight:600;color:#f31cfe}.hero-img img{width:705px}.button{background-color:#f31cfe;border-radius:100px;padding:10px 30px;font-weight:600;font-size:20px;text-transform:uppercase;text-align:center;color:#fff;margin-top:40px;border:none;display:inline-block;text-decoration:none}#siteButton{box-shadow:0 8px 20px #ff00c859,0 2px 6px #00000026}.button:hover{color:#fff;text-decoration:none;cursor:pointer;background-color:#ad14b5;border:none}.how-to-sec{padding:100px 0 120px}.how-to-content-wrapper h2{font-weight:700;font-size:45px;line-height:113%;text-align:center;color:#090909;margin-bottom:40px}.how-to-card{border-radius:36px;padding:42px 30px 60px;width:460px;text-align:center;background:linear-gradient(180deg,#fff,#fef3ff);position:relative}.how-to-card img{width:72px;height:72px}.how-to-card h4{font-weight:600;font-size:36px;line-height:122%;text-align:center;color:#090909;margin-top:36px}.how-to-card p{font-weight:400;font-size:18px;line-height:144%;text-align:center;color:#090909;margin-top:18px}.card-count{position:absolute;background-color:#f31cfe;border-radius:100%;height:60px;width:60px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:100%;text-transform:uppercase;color:#fff;bottom:-36px;left:0;right:0;margin:auto;border:10px solid white}.card-main-wrapper{display:flex;gap:30px}.footer-sec{background:linear-gradient(0deg,#fff,#fef3ff);height:400px;padding:120px 0}.footer-wrapper{display:flex;flex-direction:column;justify-content:end;align-items:center;height:400px}.footer-wrapper p{font-weight:400;font-size:18px;line-height:144%;color:#090909;margin-top:20px}.footer-wrapper p span{font-weight:600;color:#f31cfe}@media (max-width: 992px){.hero-content-wrapper{flex-direction:column-reverse}.hero-img{text-align:center}.hero-img img{width:95%}.hero-content{max-width:unset;text-align:center}.hero-content h1{font-size:46px;line-height:122%;margin-top:30px}.hero-content p{font-size:18px;line-height:150%}.hero-content-wrapper{padding-bottom:unset}.how-to-card{border-radius:36px;padding:38px 20px 55px}.how-to-content-wrapper h2{font-size:45px;line-height:122%}.card-main-wrapper{flex-wrap:wrap}.how-to-card{width:100%}.how-to-card h4{font-size:30px}.how-to-card p{font-size:16px}.footer-wrapper{height:120px}.footer-sec{background:unset;height:120px;padding:80px 0}.header-sec img{width:60px;height:27px}.footer-wrapper img{height:48px;width:146px}.header-sec{padding:12px 0}.footer-wrapper p{font-size:16px;text-align:center}}@media (max-width: 576px){.hero-content h1{font-size:28px;margin-bottom:20px}.hero-content p{font-size:16px;line-height:150%}.how-to-content-wrapper h2{font-size:25px;margin-bottom:20px}.how-to-card h4{font-size:20px;margin-top:12px}.how-to-card p{font-size:14px}.footer-wrapper img{height:38px;width:146px}.how-to-sec{padding:30px 0 80px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notranslate{translate:no}p{color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
