html,body{min-height:100%}.main,.hero{min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);overflow:hidden}.header{position:fixed;padding:15px 12px;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:var(--z-index-header)}.header__logo{text-decoration:none}.nav{padding:25px 15px}.nav__list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin:0;padding:0}.nav__link{display:inline-block;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm, .875rem);transition:opacity var(--duration) var(--ease-in-out);text-transform:uppercase;text-decoration:none;color:#fff}.nav__link:hover,.nav__link:focus{opacity:.65;outline:none}.hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-image:url(https://ps3lifeforlove.fra1.cdn.digitaloceanspaces.com/promo/assets/images/hero-mobile.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.hero:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.hero video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;padding-right:15px;padding-left:15px;padding-bottom:80px;z-index:1}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--border-radius);text-align:center}.card__header{padding:14px 16px;background:#ffffffbf;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--border-radius)}.card__body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 25px;gap:25px}.card__body p,.card__title,.card__subtitle,.card__text{margin:0}.card__title{font-size:25px;line-height:1.12;font-weight:var(--font-weight-bold);color:var(--card-title)}.card__subtitle{font-size:22px;line-height:1.2}.card__text{font-size:20px;color:var(--card-text)}.button{padding:8px 12px;min-height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border:none;text-transform:uppercase;border-radius:5px;cursor:pointer;color:#fff;text-decoration:none;-webkit-user-select:none;user-select:none}.button:hover,.button:focus{outline:none}.button_primary{position:relative;background-image:var(--gradient);overflow:hidden}.button_primary>span{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;z-index:1}.button_primary:after{content:"";position:absolute;inset:0;background-image:var(--gradient-reverse);opacity:0;transition:opacity var(--duration) var(--ease-in-out);pointer-events:none}.button_primary:hover:after,.button_primary:focus:after{opacity:1}.button_animation{animation-name:pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}.button_animation:before{position:absolute;top:0;left:-100%;display:block;width:100%;height:100%;content:"";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="56" fill="none"><path opacity=".2" d="M0 0h64l32 56H32L0 0z" fill="url(%23paint0_linear)"/><defs><linearGradient id="paint0_linear" x1="64.571" y1="0" x2="19.453" y2="25.407" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');background-repeat:no-repeat;background-position:center;background-size:cover;animation-name:sheen;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.button_lg{padding:10px 16px;min-height:56px;font-size:25px}.button_xl{padding:10px 25px;min-height:60px;font-size:20px}.button_xl>span{gap:25px}.button_full{width:100%}.quiz__list,.quiz__buttons{list-style:none;padding:0;margin:0}.quiz__item{display:none}.quiz__item_active{display:block}.quiz__logo{display:block;margin:0 auto 35px}.quiz__buttons{display:grid;grid-template-columns:1fr;gap:10px}.quiz__buttons_column{grid-template-columns:repeat(2,1fr);gap:15px 25px}.quiz__buttons_column .button>span{flex-direction:column}.quiz__buttons .button{width:100%;text-transform:capitalize;box-shadow:0 2px 4px #0000004d}.quiz__buttons_column .button:before{content:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-gradient{background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.text-center{text-align:center}.text-bold{font-weight:var(--font-weight-bold)}.text-uppercase{text-transform:uppercase}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes sheen{20%,to{margin-left:calc(100% + 96px)}}@media (max-width: 1039px){.nav{padding:20px 15%;background-color:#383838}.header__button{background-image:none;font-size:14px}.header__button:after{display:none}.header__logo-image{width:60px}.quiz__logo{max-width:290px}}@media (min-width: 430px){.card{max-width:400px}}@media (min-width: 768px){.hero{background-image:url(https://ps3lifeforlove.fra1.cdn.digitaloceanspaces.com/promo/assets/images/hero-tablet.webp)}.hero__content{padding-bottom:100px}}@media (min-width: 1040px){html,body{height:100%;overflow:hidden}.header{padding:20px 35px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-header)}}@media (min-width: 1680px){.hero{justify-content:center;background-image:url(https://ps3lifeforlove.fra1.cdn.digitaloceanspaces.com/promo/assets/images/hero-desktop.webp)}.hero__content{padding-top:7%;padding-bottom:0}}
