#purchase-page{position:relative;min-height:auto;background:var(--background-gradient-angle)}.card-sec-pkg{grid-template-columns:repeat(auto-fit,minmax(328px,1fr));min-height:inherit;padding-bottom:30px;display:grid;gap:10px;transition:.3s ease}@media(min-width:768px){.card-sec-pkg{gap:20px}}.card-sec-pkg .card{color:var(--card-text-color);box-sizing:border-box;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:var(--card-purchase-background-color);outline:1px solid var(--card-border-color);border-radius:1rem;background-image:var(--card-purchase-background-image);box-shadow:var(--shadow-md-dark);overflow:hidden;position:relative;container-type:inline-size;container-name:card}.card-sec-pkg .card .card-body{gap:inherit;padding:0;justify-content:space-between}.card-sec-pkg .card .card-body .card-title{padding:1.5rem 1.25rem .5rem}@container card (min-width: 360px){.card-sec-pkg .card .card-body .card-title{padding:2rem 2rem .5rem}}.card-sec-pkg .card .card-body .bonus-pt-container{display:flex;justify-content:center;align-items:center;position:relative;font-family:Futura,Helvetica,Arial,sans-serif;font-size:1.2rem;color:var(--card-bonus-pt-text-color);border-top:1px solid var(--card-bonus-pt-border-color);background-color:var(--card-bonus-bg-color);background-image:var(--card-bonus-bg-gradient);box-shadow:var(--card-bonus-bg-shadow);padding:6px 0}.card-sec-pkg .card .card-body .bonus-pt-container:after,.card-sec-pkg .card .card-body .bonus-pt-container:before{content:"";width:100%;height:24px;position:absolute;filter:saturate(var(--card-bonus-pt-filter-saturate));-webkit-filter:saturate(var(--card-bonus-pt-filter-saturate));top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:100%;background-image:url(/img/join/frame-join.png)}.card-sec-pkg .card .card-body .bonus-pt-container:before{left:20px;transform:translateY(-50%) scaleX(-1)}.card-sec-pkg .card .card-body .bonus-pt-container:after{right:20px;transform:translateY(-50%)}.card-sec-pkg .card .card-body .bonus-pt-container .bonus-pt-sec{font-weight:inherit;text-shadow:var(--card-bonus-pt-text-shadow);display:flex;flex-direction:column;align-items:center}.card-sec-pkg .card .card-body .bonus-pt-container .bonus-pt-sec .bonus-pt{display:flex;align-items:center}.card-sec-pkg .card .card-body .bonus-pt-container .bonus-pt-sec .bonus-pt .bonus-pt-unit{margin-left:4px;font-size:14px;font-style:inherit}.card-sec-pkg .card .card-body .bonus-pt-container .bonus-pt-sec del{color:var(--card-bonus-pt-del-text-color);font-size:13px;text-shadow:none}.card-sec-pkg .card .card-body .card-actions{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:0 1.25rem 1.5rem}@container card (min-width: 360px){.card-sec-pkg .card .card-body .card-actions{padding:0 2rem 2rem}}@media only screen and (min-width:1024px){.card-sec-pkg{padding-bottom:64px}}.card-sec-pkg .card .card-body .card-title{justify-content:space-between}.card-sec-pkg .card .card-body .card-title span{max-width:112px;text-align:right;font-size:.9rem;line-height:120%}.card-sec-pkg .card .card-body .card-actions{margin-top:16px}.card-sec-pkg .card .card-body .card-actions .additional-info{color:var(--card-additional-info-text-color);font-family:Futura,Helvetica,Arial,sans-serif;display:flex;align-items:center;font-size:14px}.card-sec-pkg .card .card-body .card-actions .additional-info b{margin-right:6px;font-size:18px;font-weight:400}.card-sec-pkg .card .card-body .card-actions button{width:50%;height:3rem;border-radius:4px;margin:0}.card-sec-plus{grid-template-columns:repeat(auto-fit,minmax(328px,400px));justify-content:center;margin-bottom:40px;display:grid;gap:10px;transition:.3s ease}@media(min-width:768px){.card-sec-plus{gap:20px}}.card-sec-plus .card{color:var(--card-text-color);box-sizing:border-box;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:var(--card-purchase-background-color);outline:1px solid var(--card-border-color);border-radius:1rem;background-image:var(--card-purchase-background-image);box-shadow:var(--shadow-md-dark);overflow:hidden;position:relative;container-type:inline-size;container-name:card}.card-sec-plus .card .card-body{gap:inherit;padding:0;justify-content:space-between}.card-sec-plus .card .card-body .card-title{padding:1.5rem 1.25rem .5rem}@container card (min-width: 360px){.card-sec-plus .card .card-body .card-title{padding:2rem 2rem .5rem}}.card-sec-plus .card .card-body .bonus-pt-container{display:flex;justify-content:center;align-items:center;position:relative;font-family:Futura,Helvetica,Arial,sans-serif;font-size:1.2rem;color:var(--card-bonus-pt-text-color);border-top:1px solid var(--card-bonus-pt-border-color);background-color:var(--card-bonus-bg-color);background-image:var(--card-bonus-bg-gradient);box-shadow:var(--card-bonus-bg-shadow);padding:6px 0}.card-sec-plus .card .card-body .bonus-pt-container:after,.card-sec-plus .card .card-body .bonus-pt-container:before{content:"";width:100%;height:24px;position:absolute;filter:saturate(var(--card-bonus-pt-filter-saturate));-webkit-filter:saturate(var(--card-bonus-pt-filter-saturate));top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:100%;background-image:url(/img/join/frame-join.png)}.card-sec-plus .card .card-body .bonus-pt-container:before{left:20px;transform:translateY(-50%) scaleX(-1)}.card-sec-plus .card .card-body .bonus-pt-container:after{right:20px;transform:translateY(-50%)}.card-sec-plus .card .card-body .bonus-pt-container .bonus-pt-sec{font-weight:inherit;text-shadow:var(--card-bonus-pt-text-shadow);display:flex;flex-direction:column;align-items:center}.card-sec-plus .card .card-body .bonus-pt-container .bonus-pt-sec .bonus-pt{display:flex;align-items:center}.card-sec-plus .card .card-body .bonus-pt-container .bonus-pt-sec .bonus-pt .bonus-pt-unit{margin-left:4px;font-size:14px;font-style:inherit}.card-sec-plus .card .card-body .bonus-pt-container .bonus-pt-sec del{color:var(--card-bonus-pt-del-text-color);font-size:13px;text-shadow:none}.card-sec-plus .card .card-body .card-actions{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:0 1.25rem 1.5rem}@container card (min-width: 360px){.card-sec-plus .card .card-body .card-actions{padding:0 2rem 2rem}}@media only screen and (min-width:1024px){.card-sec-plus{gap:40px}}.card-sec-plus .card .card-body .card-title{justify-content:center;text-shadow:var(--text-shadow-sharp)}.card-sec-plus .card .card-body .card-title.title-pro{color:var(--plus-pro-color)}.card-sec-plus .card .card-body .card-title.title-lite{color:var(--plus-lite-color)}.card-sec-plus .card .card-body .desc{font-size:1rem;flex-grow:2;padding:1.25rem}@container card (min-width: 360px){.card-sec-plus .card .card-body .desc{padding:2rem}}.card-sec-plus .card .card-body .desc ul{height:100%;display:flex;flex-direction:column;justify-content:center;row-gap:10px;padding-left:2rem}.card-sec-plus .card .card-body .desc ul li{text-spacing-trim:trim-all;position:relative}.card-sec-plus .card .card-body .desc ul li:before{content:"";font-family:Font Awesome\ 6 Pro;font-size:1.4rem;font-weight:700;width:40px;height:40px;background:var(--plus-list-icon-bg-image);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:-3px;left:-1.8rem}.card-sec-plus .card .card-body .card-actions .btn-action{width:100%;min-height:3.5rem;line-height:1em;border:none;margin:0;padding:0 .5rem}@media(min-width:768px){.card-sec-plus .card .card-body .card-actions .btn-action{padding:0 .75rem}}@media only screen and (min-width:1024px){.card-sec-plus .card .card-body .card-actions .btn-action{padding:0 1rem}}.card-sec-plus .card .card-body .card-actions .btn-action .label{flex-grow:1;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:.4rem}.card-sec-plus .card .card-body .card-actions .btn-action .label .attention{font-weight:400;color:var(--card-btn-attention-text-color)}.card-sec-plus .card .card-body .card-actions .btn-action .btn-desc{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.card-sec-plus .card .card-body .card-actions .btn-action .amount{font-weight:400}.card-sec-plus .card .card-body .card-actions .btn-action .btn-plus{margin-left:.75rem}.card-sec-plus .card .card-body .card-actions .btn-action .btn-plus.btn-action{padding:0}.card-sec-plus .card .card-body .card-actions .btn-action:disabled{color:var(--btn-action-color-disabled);background-image:none;background-color:var(--btn-action-bg-color-disabled);outline:none;box-shadow:none;--tw-text-opacity:1}.card-sec-plus .card .card-body .card-actions .btn-action:disabled.current{color:var(--plus-current-text-color);background-color:var(--plus-current-emphasis-color)}.card-sec-plus .card .card-body .card-actions .btn-action:disabled.current .label .attention{display:none}.coupon-code-sec{max-width:420px;min-width:320px;margin:0 auto 24px;padding:0 10px}@media(min-width:768px){.coupon-code-sec{margin:0 auto 32px}}.coupon-code-sec .label-text,.coupon-code-sec .label-text-alt{color:var(--body-text-color);font-size:1rem}.coupon-code-sec .coupon-input-sec{position:relative;margin-top:12px}.coupon-code-sec .coupon-input-sec label{justify-content:flex-start}.coupon-code-sec .coupon-input-sec input{width:100%;border-radius:.5rem}.coupon-code-sec .coupon-input-sec .btn-apply{width:24%;height:76%;min-height:0;font-size:.8rem;outline-width:1px;box-shadow:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:0;margin:0}.coupon-code-sec .coupon-input-sec .btn-reset{color:var(--input-reset-text-color);width:24px;height:24px;font-size:revert;background-color:var(--input-reset-bg-color);position:absolute;right:28%;top:25%;border-radius:48px}.coupon-code-sec .coupon-input-sec .btn-reset svg{width:1rem;margin:auto}.coupon-code-sec .coupon-description-sec{text-align:center;color:#f6e27a;padding:30px 10px}.campaign-countdown-sec{border-radius:3px;overflow:hidden;padding-bottom:0!important}.campaign-countdown-sec header{border-top:1px solid var(--color-white-opacity-15);margin-bottom:0}.campaign-countdown-sec .campaign-countdown-timer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 0 16px}.campaign-countdown-sec .campaign-countdown-timer-item .campaign-countdown-timer-item-value{font-size:2rem;font-weight:600}@keyframes shine{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes popping-arrow{0%{transform:translateY(0) rotate(-45deg)}30%{transform:translateY(.5em) rotate(-45deg)}60%{transform:translateY(0) rotate(-45deg)}}