.pera-card-page-hero{padding:32px 24px 176px;position:relative}.pera-card__title{max-width:766px;margin:8px 0 16px}.pera-card__description{max-width:508px;margin-bottom:40px}.pera-card__join-waitlist-button{color:#fff;background-color:#1c1c1c;border:none;width:228px;margin-bottom:12px}.pera-card__join-waitlist-button:hover{color:#fff}.pera-card__hero-image{position:absolute;bottom:0;right:0}.pera-card__country-marquee{color:#fff;background-color:#1c1c1c;width:100%;height:80px;overflow:hidden}.pera-card__country-marquee .js-marquee{align-items:center;gap:8px;margin:26px 0;display:flex}.pera-card__country-marquee__item{align-items:center;gap:8px;display:flex}.pera-card__country-marquee .js-marquee i{vertical-align:middle;opacity:.1;background:#fff;width:28px;height:4px;margin:0 8px;display:inline-block}.pera-card__how-it-works__steps{background-color:#fff;border-radius:24px;height:576px;padding:80px 48px 56px}.pera-card__how-it-works__steps__title{align-items:center;gap:24px;margin-bottom:72px;display:flex}.pera-card__how-it-works__steps__title .h3{margin:0}.pera-card__how-it-works__steps__list{margin:0;padding:0;list-style-type:none}.pera-card__how-it-works__steps__list-item:not(:last-of-type){margin-bottom:24px}.pera-card__how-it-works__steps__list-item__button__number{color:#fff;background-color:#f0ecff;border:none;border-radius:12px;width:48px;height:48px;display:grid;position:relative;overflow:hidden}.pera-card__how-it-works__steps__list-item__button__number__text{color:#6b46fe;margin:auto}.pera-card__how-it-works__steps__list-item__button__number svg{width:100%;height:100%;position:absolute;top:0;left:0}.pera-card__how-it-works__steps__list-item.active .pera-card__how-it-works__steps__list-item__button__number rect{animation:5s linear both button-border}@keyframes button-border{to{stroke-dashoffset:0}}.pera-card__waitlist{background-color:#202020;border-radius:24px;height:auto;margin-top:32px;padding:80px 0;position:relative;overflow:hidden}.pera-card__waitlist__hero{z-index:1;position:relative}.pera-card__waitlist__bg-image{position:absolute;top:0}.pera-card__waitlist__title{color:#fff}.pera-card__waitlist__description{color:#fff;max-width:640px;margin:6px auto 0}.pera-card__waitlist__country-select{gap:16px;width:max-content;margin:48px auto 98px;display:flex;position:relative}.pera-card__waitlist__country-select__input{color:#fff;background:url(/static/images/chevron.svg) right 16px center/24px no-repeat;border:1px solid #ffffff14;border-radius:12px;width:288px;height:52px;padding:14px 44px 14px 18px;transition:border-color .3s}.pera-card__waitlist__country-select__input:focus{border-color:#6b46fe;outline:none}.pera-card__waitlist__country-select__dropdown{z-index:1000;background-color:#fff;border-radius:12px;width:288px;max-height:304px;padding:8px 10px;display:block;position:fixed;overflow-y:auto}.pera-card__waitlist__country-select__dropdown.hidden{display:none}.pera-card__waitlist__country-select__dropdown__item{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 10px;display:flex}.pera-card__waitlist__country-select__dropdown__item__content{align-items:center;gap:8px;display:flex}.pera-card__waitlist__country-select__dropdown__item:hover{background-color:#f5f5f5}.pera-card__waitlist__country-select__dropdown__item:not(:last-of-type){border-bottom:1px solid #f5f5f5}.pera-card__waitlist__country-select__dropdown__item__name{color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis;width:100px;overflow:hidden}.pera-card__waitlist__join-button{color:#fff;background-color:#6b46fe;border:none;border-radius:12px;padding:14px 34px;transition:background-color .3s}.pera-card__waitlist__join-button.disabled{cursor:not-allowed}.pera-card__waitlist__join-button:hover{background-color:#6b46fecc}.pera-card__waitlist__join-button.disabled:hover{background-color:#6b46fe}#join-waitlist-modal .modal-body{padding:0;position:relative}#join-waitlist-modal .modal-content{border-radius:12px;width:538px;overflow:hidden}#join-waitlist-modal .modal-dialog{top:50%;transform:translateY(-50%)}.pera-card__waitlist__modal__header{background-color:#a698ff;height:160px;overflow:hidden}.pera-card__waitlist__modal__header__image{width:280px;position:relative;top:20px;left:50%;transform:translate(-50%)}.pera-card__waitlist__modal__header__close{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000000a,0 2px 4px -1px #00000014}.pera-card__waitlist__modal__title{width:max-content;margin:48px auto 28px}.pera-card__waitlist__modal__step__list{margin-bottom:24px;padding:0 48px;list-style-type:none}.pera-card__waitlist__modal__step__list-item{align-items:center;gap:16px;margin-bottom:16px;display:flex}.pera-card__waitlist__modal__connect-button{color:#fff;background-color:#1c1c1c;border:none;width:442px;margin:48px auto}.pera-card__waitlist__modal__connect-button:hover{color:#fff}.pera-card__waitlist__modal__connect-button__arrow-icon{transform:rotate(-90deg)}#waitlist-success-modal .modal-body{padding:0;position:relative}#waitlist-success-modal .modal-content{border-radius:12px;width:538px;overflow:hidden}#waitlist-success-modal .modal-dialog{top:50%;transform:translateY(-50%)}.pera-card__waitlist-success-modal__header{background-color:#6b46fe;height:160px}.pera-card__waitlist-success-modal__confetti-image{margin:auto}.pera-card__waitlist-success-modal__description{text-align:center;max-width:410px;margin:0 auto}@media only screen and (width<=1040px){.hide-on-mobile{display:none}.pera-card-page-hero{padding-bottom:0}.pera-card__hero-image{margin-top:32px;position:relative}.pera-card__join-waitlist-button{width:100%}.pera-card__receive-nft-text{text-align:center}.pera-card__how-it-works__steps__list-item__button__number{flex-shrink:0}.pera-card__how-it-works__steps{height:auto;padding:32px 24px 24px}.pera-card__how-it-works__steps__title{width:max-content;margin:24px 0 32px}.pera-card__how-it-works__steps__title h3{font-size:28px}.pera-card__waitlist{border-radius:0;width:calc(100% + 48px);height:100%;padding-top:140px;left:-24px}.pera-card__waitlist__bg-image{top:112px}.pera-card__waitlist__description{padding:0 20px}.pera-card__waitlist__country-select{flex-direction:column;width:calc(100% - 48px);margin:48px 20px 96px}.pera-card__waitlist__country-select__input,.pera-card__waitlist__country-select__dropdown,#join-waitlist-modal .modal-content{width:100%}.pera-card__waitlist__modal__title{margin:32px auto 20px}.pera-card__waitlist__modal__step__list{padding:0 24px}.pera-card__waitlist__modal__connect-button{width:calc(100% - 48px)}#waitlist-success-modal .modal-content{width:100%}}.pera-card__whats-next{padding-bottom:32px}.pera-card__whats-next__panel{width:100%;height:auto;margin-top:48px;padding:80px 48px}.pera-card__whats-next__panel .pera-card__how-it-works__steps__list{flex-direction:row;gap:16px;display:flex}.pera-card__whats-next__panel .pera-card__how-it-works__steps__list-item{background:#fff;flex:1;margin-bottom:0}.pera-card__whats-next__title{align-items:center;gap:12px;display:flex}.pera-card__whats-next__title-icon{width:40px;height:40px}.pera-card__whats-next__item-icon-wrapper{margin-bottom:16px}.pera-card__whats-next__item-icon-wrapper img{width:48px;height:48px}.pera-card__whats-next__item-title{color:#1c1c1c;margin-bottom:4px;font-weight:500}.pera-card__whats-next__item-description{margin:0}@media only screen and (width<=1040px){.pera-card__whats-next__panel{margin-top:24px;padding:24px}.pera-card__whats-next__panel .pera-card__how-it-works__steps__list{flex-direction:column}.pera-card__whats-next__title-icon{width:32px;height:32px}.pera-card__whats-next__item-icon-wrapper img{width:36px;height:36px}}
