.page-promotion .grid-inner{display:grid;grid-template-columns:1fr 350px;gap:60px}.page-promotion h2{margin-top:0;margin-bottom:16px;font-size:26px}.page-promotion .server-definition{border-radius:3px;background:rgba(66,76,100,.7);padding:14px 14px}.page-promotion .form-add{display:flex;flex-direction:column;gap:15px}.page-promotion .info-main{display:flex;flex-direction:column;gap:12px}.page-promotion .conditions{position:-webkit-sticky;position:sticky;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:75px;max-width:310px;margin:40px 0;padding:11px 20px 11px;line-height:20px}.page-promotion .conditions .title{padding:5px 2px;font-size:14px;font-weight:500}.page-promotion .conditions .info{margin-top:6px}.page-promotion .conditions .cost-info{margin-top:6px}.page-promotion .conditions .data{display:flex;justify-content:space-between;flex-wrap:wrap;padding:5px 0px;font-size:13.5px}.page-promotion .conditions .data span:first-child{color:var(--text-sub)}.page-promotion .conditions .data.total{font-weight:600;font-size:18px}.page-promotion .conditions .data.total span{color:var(--text-default)}.page-promotion .conditions .acceptance{margin-top:6px}.page-promotion .conditions .acceptance label{display:flex;align-items:center;gap:6px}.page-promotion .conditions .acceptance input[type=checkbox]{margin:0}.page-promotion .conditions .acceptance a{font-weight:500}.page-promotion .conditions button{margin-top:15px;background-color:var(--game-bg-target, #47c2ff);color:var(--game-text-target-in, #222)}@media(max-width: 767px){.page-promotion .conditions{max-width:unset;padding:0 16px}}.page-promotion .info-details{display:flex;flex-direction:column;gap:12px}.page-promotion textarea{width:100%;padding:18px 20px 10px 16px;font-size:17px}.page-promotion select{width:100%}.page-promotion .subtitle{font-size:15px;line-height:1.37059;font-weight:400;letter-spacing:-0.022em}.page-promotion .benefit-list{display:flex;flex-direction:column;gap:22px}.page-promotion .benefit-list .benefit-item{display:flex;gap:26px}.page-promotion .benefit-list .benefit-item i{display:flex;align-items:center;justify-content:center;min-width:45px;width:45px;height:45px;border-radius:8px;font-size:17px;color:var(--game-icon-color, #8498c9);background:var(--box-icon-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:3px;box-shadow:rgba(0,0,0,.11) 0px .636953px .636953px -0.9375px,rgba(0,0,0,.19) 0px 1.9316px 1.9316px -1.875px,rgba(0,0,0,0) 0px 5.10612px 5.10612px -2.8125px,rgba(0,0,0,.23) 0px 2px 6px -3.75px,inset 0 .0625rem .0625rem hsla(0,0%,100%,.48);opacity:1}.page-promotion .benefit-list .benefit-item h3{margin:0 0 5px;color:var(--text-default);font-size:15px;font-weight:500;line-height:24px;margin-bottom:2px}.page-promotion .benefit-list .benefit-item .desc{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.bold{font-weight:500}.service-list{display:flex;flex-wrap:wrap;gap:10px}.service-list .service-item{flex-basis:216px;position:relative;border-radius:3px}.service-list .service-item .item-wrapper{min-height:230px;padding:20px 24px 24px;border-radius:3px;background:var(--glass-bg-neutral);border:2px solid var(--glass-br-soft)}.service-list .service-item .item-wrapper:hover{cursor:pointer}@media(max-width: 767px){.service-list .service-item .item-wrapper{width:205px}}.service-list .service-item .service-title{color:var(--text-secondary);font-size:15px;font-weight:500;line-height:24px;margin-bottom:2px}.service-list .service-item .service-description{font-size:14px;color:var(--text-sub);line-height:18px}.service-list .service-item input[type=radio]{position:absolute;right:20px;top:20px}.service-list .service-item input[type=radio]:checked~.item-wrapper{background-color:var(--game-bg-target, #333)}.service-list .service-item input[type=radio]:checked~.item-wrapper .service-title{color:var(--game-text-target-in, #fff)}.service-list .service-item input[type=radio]:checked~.item-wrapper .service-description{color:var(--game-text-target-in, #fff)}.service-list .service-item input[type=radio]:checked~.item-wrapper .icon-box{background:linear-gradient(46deg, rgba(218, 222, 231, 0.5) 0%, rgba(240, 241, 255, 0.4) 100%);color:var(--game-bg-target, #8498c9)}.service-list .service-item .icon-box{display:flex;align-items:center;justify-content:center;min-width:45px;width:45px;height:45px;border-radius:8px;font-size:17px;color:var(--game-icon-color, #8498c9);background:var(--box-icon-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:3px;box-shadow:rgba(0,0,0,.11) 0px .636953px .636953px -0.9375px,rgba(0,0,0,.1) 0px 1.9316px 1.9316px -1.875px,rgba(0,0,0,.09) 0px 5.10612px 5.10612px -2.8125px,rgba(0,0,0,.04) 0px 16px 16px -3.75px;opacity:1;transform:rotateZ(350deg);margin-bottom:16px}@media(max-width: 767px){.service-list{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 32px);width:100%;padding-bottom:12px}}.step-main-data .form-flex-leveler{display:flex;flex-wrap:wrap;gap:8px}.step-main-data .form-flex-leveler .flex-wrapper{flex-basis:49%;max-width:440px;min-width:240px}@media(max-width: 767px){.step-main-data .form-flex-leveler .flex-wrapper{width:100%;flex-basis:unset;max-width:unset}}.service-box{padding:20px 24px 24px;border-radius:3px;background:var(--card-bg-default)}.service-box .tip{margin-bottom:24px;font-size:15px;font-style:italic}.service-box .tip a{font-weight:500}.promo-order{max-width:600px;display:flex;gap:20px}.promo-order .main{display:flex;flex-direction:column;gap:6px;flex-grow:1;font-size:14px;line-height:22px}.promo-order .main input,.promo-order .main select{width:100%}.promo-order .extra .extra-title{margin-bottom:6px}.promo-order .need-list{display:flex;flex-direction:column;gap:4px}.promo-order .need-list .need-item{background:#edeef0;padding:8px 10px;font-size:14px;border-radius:3px;min-width:210px;display:flex;gap:10px;color:#58595a;font-style:italic}.promo-order .need-list .need-item i{color:var(--game-bg-target, #333);text-shadow:1px 1px 3px var(--game-bg-target);font-size:18px}.promo-order .need-list .need-item:hover{cursor:pointer;box-shadow:inset rgba(0,0,0,.11) 0px 0 .636953px 1px}.promo-order .need-list .need-item.active{box-shadow:inset rgba(0,0,0,.11) 0px 0 .636953px 1px}@media(max-width: 767px){.promo-order{flex-direction:column}}