@font-face{font-family:"Satoshi";src:url(/assets/fonts/Satoshi/Satoshi-Medium.woff2) format("woff2"),url(/assets/fonts/Satoshi/Satoshi-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:"Satoshi";src:url(/assets/fonts/Satoshi/Satoshi-Bold.woff2) format("woff2"),url(/assets/fonts/Satoshi/Satoshi-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Barlow Semi Condensed";src:url(/assets/fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Barlow Semi Condensed";src:url(/assets/fonts/BarlowSemiCondensed/BarlowSemiCondensed-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}body{padding-top:72px;background:#000}.page-background{position:fixed;inset:0;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.video-mask{position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.4);backdrop-filter:blur(40px);pointer-events:none}.navigation-bar.dark:hover,.navigation-bar.dark.small{background:rgba(33,31,44,.9);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);backdrop-filter:blur(12px)}.plan-page{position:relative;width:100%;padding:30px 60px 100px;display:flex;flex-direction:column}.plan-page,.plan-page *{font-family:"Satoshi","Outfit",sans-serif}.plan-page>*{flex-shrink:0}.plan-page .title{margin:0;color:#fafafa;text-align:center;font-size:32px;font-weight:700;line-height:normal}@media(width >= 1008px)and (width < 1440px){.plan-page{padding:8px 40px 100px}}@media(width >= 640px)and (width < 1008px){.plan-page{padding:8px 24px 100px}}@media(width < 640px){.plan-page{padding:8px 16px 100px}}.cycle-toggle{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:4px;width:320px;height:40px;margin:24px auto 0;padding:3px;list-style:none;border:1px solid #4e4e4e;border-radius:32px;background:#323237;box-shadow:0 2px 3px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.cycle-toggle .item{position:relative;z-index:1;flex:1 1 0;display:flex;justify-content:center;align-items:center;gap:4px;height:32px;padding:0 16px;font-family:"Barlow Semi Condensed","Outfit",sans-serif;color:#b8b8be;font-size:14px;font-weight:700;line-height:18px;text-transform:uppercase;cursor:pointer;transition:color .3s}.cycle-toggle .item span{font-family:"Barlow Semi Condensed","Outfit",sans-serif}.cycle-toggle .item.active{color:#000;cursor:default}.cycle-toggle .item .offs{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;background:#000;font-family:"Satoshi","Outfit",sans-serif;color:#fafafa;font-size:14px;font-weight:700;line-height:22px;text-transform:none;flex-shrink:0;white-space:nowrap}.cycle-toggle .background{position:absolute;top:3px;left:3px;width:calc((100% - 10px)/2);height:32px;border-radius:18px;background:#fff;pointer-events:none;transition:left .3s}.cycle-toggle.yearly .background{left:calc(50% + 2px)}.plans{width:100%;max-width:1392px;align-self:center;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr));justify-items:center;gap:24px 16px;margin:24px 0 0;padding:0;list-style:none}.plans.hidden{display:none}.plan-panel{position:relative;width:100%;min-width:0;max-width:400px;display:flex;flex-direction:column;gap:8px;padding:23px;border:1px solid #4e4e4e;border-radius:24px;background:#211f2c}.plan-panel.hot{background:linear-gradient(195deg, rgba(93, 93, 255, 0.5) 0%, #211f2d 31.58%)}.plan-panel p{margin:0}.plan-panel .hot-box{position:absolute;top:11px;right:12px;z-index:1;width:62px;pointer-events:none}.plan-panel .hot-box .hot-badge{display:block;width:100%;height:auto}.plan-panel .name{display:flex;align-items:center;gap:8px;min-width:0;color:#fafafa;font-size:20px;font-weight:700;line-height:28px}.plan-panel .name .name-icon{flex-shrink:0;width:24px;height:24px}.plan-panel .name .name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-panel .price-box{display:flex;align-items:flex-end;gap:6px;padding-bottom:2px;color:#fafafa;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap}.plan-panel .price-box .unit-price{margin-bottom:-2px;font-family:"Barlow Semi Condensed","Outfit",sans-serif;font-size:32px;font-weight:800;line-height:40px;text-transform:uppercase}.plan-panel .price-box .original-price{color:#b8b8be;text-decoration:line-through;margin-right:-4px}.plan-panel .credit{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.plan-panel .credit .credit-count{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-weight:500;line-height:20px}.plan-panel .credit .billing{max-width:100%;overflow:hidden;color:#c7c7c7;font-size:12px;font-weight:500;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.plan-panel .credit .billing .total-price{font-weight:700}.plan-panel .button-box{padding:10px 0}.plan-panel .plan-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:36px;padding:10px 16px;border-radius:999px;color:#1d1313;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;cursor:pointer}.plan-panel .plan-button:hover{opacity:.9}.plan-panel .plan-button.filled{background:linear-gradient(90deg, #d6cffa 0%, #e8b8d4 100%)}.plan-panel .plan-button.white{background:#fff}.plan-panel .description{color:#fafafa;font-size:14px;font-weight:500;line-height:20px}.plan-panel .contents{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.plan-panel .contents .content{display:flex;align-items:center;gap:8px}.plan-panel .contents .icon{flex-shrink:0;width:16px;height:16px;background:url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667ZM11.7907 6.48506C12.0586 6.23248 12.071 5.81055 11.8184 5.54266C11.5658 5.27477 11.1439 5.26236 10.876 5.51494L7.09091 9.08373L5.12401 7.22923C4.85612 6.97664 4.43419 6.98905 4.18161 7.25694C3.92902 7.52484 3.94143 7.94676 4.20932 8.19935L6.63357 10.4851C6.89039 10.7272 7.29143 10.7272 7.54825 10.4851L11.7907 6.48506Z' fill='url(%23plan-check-gradient)'/> <defs> <linearGradient id='plan-check-gradient' x1='1.33333' y1='8' x2='14.6667' y2='8' gradientUnits='userSpaceOnUse'> <stop stop-color='%23D6CFFA'/> <stop offset='1' stop-color='%23E8B8D4'/> </linearGradient> </defs> </svg> ") center/contain no-repeat}.plan-panel .contents .content-text{flex:1 1 auto;min-width:0;color:#c7c7c7;font-size:14px;font-weight:500;line-height:20px}.top-up-note{max-width:720px;margin:32px auto 0;padding:0 24px;color:#c7c7c7;font-size:14px;line-height:22px;text-align:center}.back{display:none;flex-direction:column;align-items:center;margin:24px auto 0;cursor:pointer}.back .icon{width:24px;height:24px}.back .icon path{fill:#c7c7c7}.back .text{margin:0;color:#c7c7c7;font-size:16px;font-weight:500;line-height:normal}@media(width < 1008px){.back{display:inline-flex}}