.label-button{position:relative;width:300px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(255,255,255,.12) 50%,rgba(0,0,0,.08));&.icon{width:54px;height:54px;padding:8px;gap:0;background-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(255,255,255,.2) 50%,rgba(0,0,0,.16))}&.primary{border-radius:36px;background-color:#fbe67b}&.secondary{border-radius:36px;background-color:#0f0f0f}&.default{background-image:none;background-color:transparent;border-radius:36px;.button__effect-bottom,.button__effect-top{display:none}}&:before{content:"";position:absolute;inset:0;padding:1px;border-radius:36px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&.primary:before{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.25))}&.default:before{display:none}&.secondary:before{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.15))}.button__effect-top{position:absolute;left:-25px;right:-25px;top:-6px;height:22px;background:radial-gradient(60% 90% at 50% 0,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%);opacity:1;filter:blur(4px)}&.icon .button__effect-top{left:-10px;right:-10px;top:-4px;height:18px;background:radial-gradient(70% 100% at 50% 0,rgba(255,255,255,.55) 0,rgba(255,255,255,.25) 40%,rgba(255,255,255,.08) 65%,rgba(255,255,255,0) 80%);opacity:.7;filter:blur(3px)}&.secondary .button__effect-top{top:-6px}.button__effect-bottom{position:absolute;left:-1px;right:-1px;bottom:-6px;height:22px;background:radial-gradient(60% 90% at 50% 100%,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%);opacity:1;filter:blur(4px)}&.icon .button__effect-bottom{left:-10px;right:-10px;bottom:-4px;height:18px;background:radial-gradient(70% 100% at 50% 100%,rgba(255,255,255,.55) 0,rgba(255,255,255,.25) 40%,rgba(255,255,255,.08) 65%,rgba(255,255,255,0) 80%);opacity:.7;filter:blur(3px)}&.secondary .button__effect-bottom{height:22px}.button__label{position:relative;font-weight:600;font-size:14px;line-height:1.55;color:#1e222c;text-shadow:-.5px .5px 2px rgba(81,87,101,.24)}&.secondary .button__label{color:var(--brand400,#f9d24c)}&.disabled,&[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed;box-shadow:inset 0 0 0 9999px rgba(0,0,0,.25);.button__label{opacity:.5}}}.subscription-block{position:relative;display:flex;align-items:stretch;border-radius:22px;width:392px;background:#303749;box-shadow:0 11px 24px rgba(23,26,33,.1),0 43px 43px rgba(23,26,33,.09),0 97px 58px rgba(23,26,33,.05),0 172px 69px rgba(23,26,33,.01),0 270px 75px rgba(23,26,33,0);.card__background{position:absolute;inset:0}}.subscription-block--premium{background:linear-gradient(180deg,#fce9a5,#e1aa34 50%,#fce9a5)}.subscription-block__corner-svg{position:absolute!important;top:-2px;right:-2px;z-index:1!important}.subscription-block__inner{position:relative;flex:1;display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:22px;overflow:hidden}.subscription-block--premium .subscription-block__inner{gap:24px}.subscription-block__bg{position:absolute;inset:0;border-radius:22px;pointer-events:none;z-index:0}.subscription-block--premium .subscription-block__bg,.subscription-block__bg{background:radial-gradient(ellipse 90% 45% at 50% 0,#2c3244 0,transparent 65%),radial-gradient(ellipse 60% 30% at 100% 100%,#252b3a 0,transparent 70%),#1e222c}.subscription-block__inner>:not(.subscription-block__bg){position:relative;z-index:1}.subscription-block__tag{position:absolute!important;top:16px;right:16px;z-index:2!important;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;backdrop-filter:blur(25px);background:rgba(255,249,223,.05);border:1px solid rgba(255,249,223,.5)}.subscription-block__tag--premium{background:rgba(30,34,44,.05);border-color:#1e222c;color:#1e222c;padding:10px 20px}.subscription-block__tag-text{font-weight:500;font-size:10px;line-height:1.2;text-transform:uppercase;color:#fff9df}.subscription-block__tag--premium .subscription-block__tag-text{color:#1e222c}.subscription-block__title{font-weight:500;font-size:16px;line-height:1.2;color:#ffffff;margin:0}.subscription-block__pricing{display:flex;flex-direction:column;gap:16px}.subscription-block__price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.subscription-block__price{font-weight:600;font-size:65px;line-height:1;color:#f7c71f}.subscription-block__price--original{font-size:40px;color:#7c818c;text-decoration:line-through}.subscription-block__subtitle{font-weight:400;font-size:12px;line-height:1.65;color:#bec0c5;margin:0}.subscription-block__benefits{position:relative;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,0) 49.67%,rgba(255,255,255,.1) 127.68%,rgba(255,255,255,.06) 128.49%,rgba(255,255,255,0) 167.49%),radial-gradient(53.2% 22.92% at 49.6% 100%,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%),radial-gradient(32.29% 32.29% at 50% 21.87%,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%),linear-gradient(270deg,rgba(0,0,0,.4),rgba(0,0,0,0) 50%,rgba(0,0,0,.4)),rgba(30,34,44,.41);background-blend-mode:plus-lighter,overlay,overlay,soft-light,normal;backdrop-filter:blur(22.5px)}.subscription-block__benefits:before{content:"";position:absolute;inset:0;padding:1px;border-radius:16px;pointer-events:none;background:radial-gradient(ellipse 70% 100% at 50% 0,#fbe67b 0,rgba(251,230,123,0) 50%),radial-gradient(ellipse 70% 100% at 50% 100%,#fbe67b 0,rgba(251,230,123,0) 50%);-webkit-mask:linear-gradient(#fbe67b 0 0) content-box,linear-gradient(#fbe67b 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.subscription-block__benefit-item{position:relative;display:flex;align-items:flex-start;gap:12px;z-index:1}.subscription-block__check{display:flex;align-items:flex-start;padding-top:4px;flex-shrink:0}.subscription-block__check-circle{width:24px;height:24px;border-radius:50%;background:#26e295;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-block__check-svg{width:14px;height:11px;display:block}.subscription-block__benefit-title{font-weight:500;font-size:14px;line-height:1.55;color:#e9eaec;margin:0}.subscription-block .label-button{width:100%}.promo-input-wrapper{display:flex;flex-direction:column;gap:4px;width:408px;max-width:100%}.promo-input{position:relative;display:flex;align-items:center;height:64px;padding:4px 4px 4px 24px;background-color:#1e222c;border:1px solid #ffffff50;border-radius:36px;backdrop-filter:blur(4px);overflow:hidden;&:before{content:"";position:absolute;inset:0;padding:1px;border-radius:36px;pointer-events:none;background:radial-gradient(ellipse 40% 100% at 50% 0,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%),radial-gradient(ellipse 40% 100% at 50% 100%,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}}.promo-input__field{display:flex;align-items:center;flex:1 0 0;min-width:0;gap:8px}.promo-input__input{flex:1 0 0;min-width:0;background:transparent;border:none;outline:none;font-weight:600;font-size:14px;line-height:1.55;color:#fffef9;caret-color:#f9d24c;&::-moz-placeholder{font-weight:400;color:#bec0c5}&::placeholder{font-weight:400;color:#bec0c5}&:disabled{cursor:default;opacity:1}}.promo-input__divider{width:1px;height:22px;background:rgba(255,255,255,.2);flex-shrink:0}.promo-input__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:8px 24px;flex-shrink:0;border-radius:36px;border:1px solid #fefae5;overflow:hidden;cursor:pointer;transition:opacity .2s ease;background-color:rgba(9,9,9,.25);backdrop-filter:blur(4px);background-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(255,255,255,.2) 50%,rgba(0,0,0,.16));&:before{content:"";position:absolute;inset:0;padding:1px;border-radius:36px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}}.promo-input__effect-top{left:-25px;right:-25px;top:-6px;background:radial-gradient(60% 90% at 50% 0,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%)}.promo-input__effect-bottom,.promo-input__effect-top{position:absolute;height:22px;filter:blur(4px);pointer-events:none}.promo-input__effect-bottom{left:-1px;right:-1px;bottom:-6px;background:radial-gradient(60% 90% at 50% 100%,rgba(255,255,255,.85) 0,rgba(255,255,255,.45) 40%,rgba(255,255,255,.12) 65%,rgba(255,255,255,0) 80%)}.promo-input__btn-label{position:relative;font-weight:600;font-size:14px;line-height:1.55;color:#f9d24c;text-shadow:-.5px .5px 2px rgba(81,87,101,.24);white-space:nowrap}.promo-input__btn--dimmed{opacity:.5;pointer-events:none}.promo-input__help{font-weight:400;font-size:10px;line-height:1.4;padding-left:24px}.promo-input__help--success{color:#26e295}.promo-input__help--error{color:#ff382c}