.box-shadow-common{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.box-shadow-primary{box-shadow:0 2px 12px 0 #003f7b}@font-face{font-family:Barlow-Bold;src:url("Barlow-Bold.ttf") format("truetype")}.the-main-g{background-color:#0f0f1a}.the-main-g .banner{height:600px;background:#0f0f1a}.the-main-g .banner .banner-background-g{width:auto;height:600px;background-size:cover}.the-main-g .confetti-container{position:fixed;top:-10px;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.the-main-g .confetti-piece{position:absolute;top:-20px;width:10px;height:14px;opacity:.7;animation:confettiFall linear infinite}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:0}5%{opacity:.8}90%{opacity:.8}100%{transform:translateY(105vh) rotate(720deg);opacity:0}}.the-main-g .duration-select{border-radius:8px;border:1px solid #707070;color:#b7b7ba;height:40px;line-height:40px;margin:0 24px 24px;position:relative}.the-main-g .duration-select:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;pointer-events:none}.the-main-g .duration-select span{color:#d9253a}.the-main-g .duration-select .current-checked{padding:0 12px;cursor:pointer}.the-main-g .duration-select .options{display:none;color:#000;position:absolute;background:#fff;z-index:9999;width:100%;border-radius:8px}.the-main-g .duration-select .options .option{padding:0 12px;cursor:pointer}.the-main-g .duration-select .options .option:hover{color:#0a5ee6}.the-main-g .product{padding-top:80px}.the-main-g .product .title{font-weight:800;font-size:32px;color:#fff}.the-main-g .product .title span{background:linear-gradient(135deg,#e92937 0,#8c104c 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.the-main-g .product .desc{padding-top:12px;font-weight:400;font-size:18px;color:#b1b1b1}.the-main-g .product .ecs-change-region{height:62px;background:#010102;border-radius:12px;border:1px solid #374151;margin-top:20px;display:inline-flex;align-items:center;padding:12px}.the-main-g .product .ecs-change-region .tab-g{font-weight:400;font-size:18px;color:#fff;min-width:180px;padding:0 12px;height:48px;line-height:48px;background:#010102;border-radius:8px;text-align:center;cursor:pointer}.the-main-g .product .ecs-change-region .tab-g.checked{color:#fff;background:linear-gradient(135deg,#e92937 0,#8c104c 100%)}.the-main-g .product .ecs-change-region .tab-g .icon-new{background:linear-gradient(135deg,#ff7e21 0,#ff3d00 100%);border-radius:10px 10px 10px 0;font-size:12px;color:#fff;padding:3px 6px;margin-left:5px;position:relative;top:-2px}.the-main-g .product .tab-panels-g{margin-top:20px}.the-main-g .product .tab-panels-g .tab-panel-g{background:#170b11;border-radius:16px 16px 16px 16px;border:1px solid #5c202d;padding:40px}.the-main-g .product .tab-panels-g .tab-panel-g .title{font-size:20px;color:#fff}.the-main-g .product .tab-panels-g .tab-panel-g .cards-container .card-container{width:calc((100% - 60px)/ 4)}.the-main-g .product .cards-container{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.the-main-g .product .cards-container .card-container{width:calc((100% - 40px)/ 3);position:relative}.the-main-g .product .cards-container .card-container .line{opacity:0;position:relative;width:100%;height:2px;background:linear-gradient(90deg,rgba(232,41,55,0) 0,#e82937 51.04%,rgba(232,41,55,0) 100%)}.the-main-g .product .cards-container .card-container .tag-container{width:100%;padding:8px 0 25px 0;background:#fc4d00;border-radius:8px;font-weight:700;font-size:18px;color:#fff;text-align:center;position:absolute;top:-36px;z-index:1}.the-main-g .product .cards-container .card-container .content-container{width:100%;box-shadow:0 8px 20px 1px rgba(0,0,0,.05);background:#1a1a2e;border-radius:12px;border:1px solid #374151;padding:24px 0;display:flex;flex-direction:column;position:relative;z-index:2}.the-main-g .product .cards-container .card-container .content-container .title-box{padding:0 24px;display:flex;flex-direction:column;font-family:Barlow-Bold}.the-main-g .product .cards-container .card-container .content-container .title-box .title{font-weight:700;font-size:24px;color:#fff;padding-top:0;text-align:left;position:relative;white-space:nowrap}.the-main-g .product .cards-container .card-container .content-container .title-box .title .tag{position:absolute;right:0;top:-8px;background:linear-gradient(135deg,#e92937 0,#8c104c 100%);border-radius:50px;border:1px solid transparent;padding:5px 12px;color:#fff;font-size:12px}.the-main-g .product .cards-container .card-container .content-container .title-box .desc{padding-top:8px;font-weight:400;font-size:14px;color:#b7b7ba;height:48px}.the-main-g .product .cards-container .card-container .content-container .price-buy{padding:24px}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price{display:flex;flex-direction:column;justify-content:start;align-items:baseline;gap:8px}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-top{display:flex;gap:8px;align-items:center}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-top .price-percentage{padding:3px 9px;background:linear-gradient(135deg,#29e97c 0,#108c35 100%);border-radius:40px;font-size:14px;color:#fff}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-top .price-percentage.price-percentage1{background:linear-gradient(135deg,#ff7e21 0,#ff3d00 100%)}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-custom{font-weight:700;font-size:16px;color:#d9253a;font-family:Barlow-Bold;white-space:nowrap}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-custom .num{font-size:36px}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-box .price .price-original{font-weight:500;font-size:16px;color:#959595;font-family:Barlow-Bold;text-decoration-line:line-through}.the-main-g .product .cards-container .card-container .content-container .price-buy .buy-bnt{margin-top:16px;display:flex;justify-content:start}.the-main-g .product .cards-container .card-container .content-container .price-buy .buy-bnt a{display:inline-block;width:100%;height:52px;text-align:center;line-height:52px;background:linear-gradient(135deg,#ff7e21 0,#ff3d00 100%);border-radius:4px;box-shadow:0 0 20px 1px rgba(0,0,0,.05);font-weight:400;font-size:18px;color:#fff}.the-main-g .product .cards-container .card-container .content-container .price-buy .price-desc{margin-top:8px;width:100%;font-weight:400;font-size:14px;color:#000;text-align:center}.the-main-g .product .cards-container .card-container .content-container .region{padding:0 24px 24px;display:flex;align-items:flex-start}.the-main-g .product .cards-container .card-container .content-container .region .region-icon{padding:6px 12px 6px 30px;background:#1b2543;border-radius:17px;font-weight:400;font-size:14px;color:#fff;position:relative}.the-main-g .product .cards-container .card-container .content-container .region .region-icon::before{content:url("../../../images/activity/2026/national-day/region-icon.png");position:absolute;left:12px;top:50%;transform:translateY(-50%)}.the-main-g .product .cards-container .card-container .content-container .configs{display:flex;flex-direction:column;gap:15px}.the-main-g .product .cards-container .card-container .content-container .configs .config{padding:0 24px;display:flex;gap:12px;align-items:baseline;position:relative;white-space:nowrap;font-weight:700;font-size:16px;color:#b7b7ba;overflow:hidden}.the-main-g .product .cards-container .card-container .content-container .configs .config:last-child{border-bottom:none}.the-main-g .product .cards-container .card-container .content-container .configs .config .value{font-weight:400}.the-main-g .product .cards-container .card-container .content-container .prompt-restriction{padding:24px 24px 0;display:flex;align-items:center;color:#cb213e;font-size:14px}.the-main-g .product .cards-container .card-container .content-container .prompt-restriction img{padding-right:5px}.the-main-g .product .cards-container .card-container .content-container .buy-bnt{padding:0 24px;margin-top:16px;display:flex;justify-content:start}.the-main-g .product .cards-container .card-container .content-container .buy-bnt a{display:inline-block;width:100%;height:52px;text-align:center;line-height:52px;border-radius:8px 8px 8px 8px;border:1px solid #707070;font-weight:400;font-size:16px;color:#fff}.the-main-g .product .cards-container .card-container:hover .line{opacity:1}.the-main-g .product .cards-container .card-container:hover .line ::before{content:"";position:absolute;background:inherit;filter:blur(6px);opacity:.8}.the-main-g .product .cards-container .card-container:hover .content-container{border:1px solid rgba(74,13,13,.6);box-shadow:0 8px 20px 1px rgba(74,13,13,.6)}.the-main-g .product .cards-container .card-container:hover .content-container .buy-bnt a{border:none;background:linear-gradient(135deg,#e92937 0,#8c104c 100%)}.the-main-g .product .cards-container.more{margin:0 auto!important;justify-content:center;padding:16px;font-size:18px;color:#333}.the-main-g .product.ecs .cards-container .card-container .content-container .title-box .title .tag{border-radius:0 16px 16px 16px;padding:4px 14px}.the-main-g .product.server .cards-container .card-container{width:calc((100% - 60px)/ 4)}.the-main-g .service_guide{padding:80px 0}.the-main-g .service_guide .service_guide-box>.title{font-weight:800;font-size:32px;color:#fff;margin-bottom:40px}.the-main-g .service_guide .service_guide-box>.title span{background:linear-gradient(135deg,#e92937 0,#8c104c 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.the-main-g .service_guide .service_guide-box .content{padding:16px 24px;margin-bottom:16px;background:#1a1a2e;border-radius:8px 8px 8px 8px;border:1px solid #374151}.the-main-g .service_guide .service_guide-box .content .title{font-size:16px;color:#f0f0f5;cursor:pointer;position:relative}.the-main-g .service_guide .service_guide-box .content .title:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;pointer-events:none}.the-main-g .service_guide .service_guide-box .content .desc{padding-top:12px;color:#99a;display:none}.the-main-g .service_guide .service_guide-box .content:nth-of-type(2) .desc{display:block}