.my-page{background-color:#fff;overflow:hidden;position:relative;height:780px}.my-page .page-bg{position:absolute;height:100%;width:2560px;left:50%;transform:translateX(-50%);display:flex;align-items:center}.my-page .page-bg .page-bg-image{width:100%;height:100%;background-repeat:no-repeat;background-size:cover}.my-page .page-bg img{display:block;width:100%;height:100%}.my-page .block-main{position:relative;width:1224px;height:780px;margin:0 auto;padding:100px 0}.my-page .block-main .block-header{display:flex;align-items:center}.my-page .block-main .block-header .logo{height:64px;margin-right:8px}.my-page .block-main .block-header .text-gradient{color:#262629;white-space:pre-wrap;font-size:40px;font-weight:700;max-width:520px}.my-page .wrapper-step-list{margin-top:30px}.my-page .step-list{padding-left:56px;max-width:600px}.my-page .step-list.es-es{max-width:608px}.my-page .step-list.fr-fr{max-width:610px}.my-page .step{position:relative}.my-page .step:not(:last-child){padding-bottom:32px}.my-page .step .order{top:4px;line-height:28px;border-radius:50%;text-align:center;background:#ebebeb;font-weight:900;font-size:16px;color:rgba(0,0,0,.15)}.my-page .step .icon-checked,.my-page .step .order{position:absolute;left:-55px;width:28px;height:28px}.my-page .step .icon-checked{top:5px}.my-page .step .icon-checked img{display:block;width:100%;height:100%}.my-page .step .step-line{position:absolute;left:-42px;top:38px;width:2px;bottom:0;background:#e6e6eb;border-radius:5px}.my-page .step .step-header{font-weight:500;font-size:24px;line-height:36px;color:#262629;opacity:.3}.my-page .step .step-body{display:none}.my-page .step.finished .step-line{background:#e6e6eb}.my-page .step.active .order{background:#262629;color:#fff}.my-page .step.active .step-header{opacity:1}.my-page .step.active .step-body{display:block}.my-page .step-1 .step-body{margin:24px 0 20px}.my-page .step-1 .btn-list{display:flex}.my-page .step-1 .btn-list .btn{cursor:pointer;background-color:#262629;border-radius:100px;height:48px;line-height:48px;padding:0 24px;min-width:160px;text-align:center;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase}.my-page .block-error{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center}.my-page .block-error .message{display:flex;align-items:center;padding:21px;max-width:800px;font-weight:700;font-size:16px;line-height:18px;background:#fff;border-radius:12px}.my-page .block-error .message .icon{margin-right:9px}.my-page .step-2 .step-body{margin:4px 0}.my-page .step-2 .info-bind{display:flex;align-items:center;color:#262629;font-size:14px;line-height:20px}.my-page .step-2 .info-bind .tag-list{margin-left:8px;display:flex}.my-page .step-2 .info-bind .tag-list .tag{display:flex;align-items:center;color:#262629;font-size:14px;line-height:20px}.my-page .step-2 .info-bind .tag-list .tag:not(:first-child){margin-left:16px}.my-page .step-2 .info-bind .tag-list .tag img{width:32px;height:32px;margin-right:4px}.my-page .step-2 .info-bind .re-select{margin-left:12px;color:#31a5ff;font-size:14px;font-weight:400;line-height:24px;text-align:left;cursor:pointer}.my-page .step-2 .form-bind{margin-top:12px;display:flex;align-items:center}.my-page .step-2 .form-bind button{height:48px;line-height:48px;min-width:160px;padding:0 24px;text-align:center;border:0;outline:0;border-radius:0 100px 100px 0;background-color:#262629;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;transition:all .2s}.my-page .step-2 .form-bind button[disabled]{background-color:#d2d2d6;color:hsla(0,0%,100%,.6)}.my-page .step-2 .form-bind button[data-disabled=false]:hover{background-color:#676769;color:#fff}.my-page .step-2 .wrapper-input{position:relative}.my-page .step-2 .wrapper-input input[type=text]{outline:0;background:transparent;width:291px;padding:14px 20px;border-radius:100px 0 0 100px;border:1px solid #51515799;border-right:0;transition:border .3s;font-size:14px;line-height:18px;color:#262629}.my-page .step-2 .wrapper-input input[type=text]::-moz-placeholder{color:#76767f}.my-page .step-2 .wrapper-input input[type=text]:-ms-input-placeholder{color:#76767f}.my-page .step-2 .wrapper-input input[type=text]::placeholder{color:#76767f}.my-page .step-2 .wrapper-input input[type=text][data-error=true]{color:#ff4040}.my-page .step-2 .input-error{margin:8px 0 0;color:#ff4040;font-size:12px;line-height:16px}.my-page .step-2 .popover{position:relative;margin-top:8px;font-size:14px;line-height:20px;color:#76767f;cursor:pointer;display:inline-block}.my-page .step-2 .popover:after{position:absolute;height:0;width:100%;height:calc(100% + 8px);left:0;top:0;z-index:1;content:""}.my-page .step-2 .popover:hover{text-decoration:underline}.my-page .step-2 .popover:hover .tip-sn{display:block}.my-page .step-2 .popover .tip-sn{position:absolute;z-index:1;left:-6px;top:calc(100% + 8px);width:236px;display:none;background:#fff;border-radius:16px;padding:8px;box-shadow:0 6px 16px 0 #606d800a,0 3px 14px 2px #626f830a}.my-page .step-2 .popover .tip-sn img{border-radius:12px;width:100%}.my-page .step-2 .popover .tip-sn .texts{padding:10px 8px}.my-page .step-2 .popover .tip-sn .texts .text{font-size:14px;font-weight:600;color:#262629;line-height:20px}.my-page .step-2 .popover .tip-sn .texts .text-sm{margin-top:6px;font-size:12px;color:#76767f;line-height:16px}.my-page .step-3.active .step-header{color:#262629}.my-page .step-3 .step-header{display:flex;align-items:center}.my-page .step-3 .step-header .continue-bind{font-size:14px;font-weight:400;line-height:22px;color:#31a5ff;margin-left:12px;cursor:pointer}.my-page .step-3 .step-body{margin-top:12px}.my-page .step-3 .benefit-list{display:flex}.my-page .step-3 .benefit-list .tag{margin-right:16px;background:#8080801a;border-radius:100px;height:40px;padding:0 20px 0 16px;display:flex;align-items:center;color:#262629;font-size:14px;line-height:20px}.my-page .step-3 .benefit-list .tag img{width:26px;height:26px;margin-right:4px}.my-page .step-3 .bind-result{margin-top:8px;width:458px;font-size:14px;line-height:22px;color:#262629;white-space:pre-wrap}.my-page .step-3 .bind-result strong{font-weight:600}.my-page .step-3 .bind-result a{color:#31a5ff;text-decoration:underline}.my-page .block-tip{position:absolute;left:0;bottom:100px;width:100%}.my-page .block-tip .paragraph{white-space:pre-wrap;font-size:12px;line-height:20px;color:#76767f}.my-page .block-tip .paragraph:not(:first-child){margin-top:4px}.my-page-modal-confirm{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000}.my-page-modal-confirm .modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;border-radius:16px;background:#fff;padding:24px 32px 32px}.my-page-modal-confirm .modal-header{padding-bottom:24px;border-bottom:1px solid #edeff2;display:flex;align-items:center}.my-page-modal-confirm .modal-header .tag{margin-left:10px;background:#f8f9fc;border-radius:100px;height:40px;padding:0 20px 0 12px;display:flex;align-items:center;color:#262629;font-size:14px;line-height:20px}.my-page-modal-confirm .modal-header .tag img{width:32px;height:32px;margin-right:4px}.my-page-modal-confirm .modal-body{margin-top:24px}.my-page-modal-confirm .modal-body .text{font-weight:700;font-size:16px;line-height:24px;color:#262629}.my-page-modal-confirm .modal-body .benefit-lg{margin-top:16px}.my-page-modal-confirm .modal-body .benefit-lg .tag{padding:12px 20px;border-radius:16px;background:#f8f9fc;display:flex;align-items:center;color:#262629;font-size:16px;line-height:20px;font-weight:700}.my-page-modal-confirm .modal-body .benefit-lg .tag img{width:72px;height:72px;margin-right:8px}.my-page-modal-confirm .modal-footer{margin-top:24px;display:flex;justify-content:space-between}.my-page-modal-confirm .modal-footer .btn{cursor:pointer;width:200px;height:48px;line-height:48px;border-radius:50px;text-align:center;font-size:14px;font-weight:700;color:#2a2a27;background:linear-gradient(276.98deg,#ffd200,#fe0)}.my-page-modal-confirm .modal-footer .btn-cancel{background:#edeff2;color:#262629}.my-page-modal-selector{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center}.my-page-modal-selector .modal-wrap{overflow:hidden;border-radius:12px;background-color:#fff;padding:0 32px}.my-page-modal-selector .modal-header{padding:22px 0;color:#262629;font-size:20px;font-weight:700;line-height:28px;text-align:left}.my-page-modal-selector .modal-body{display:flex}.my-page-modal-selector .modal-body .benefit-item{width:276px;padding:32px 32px 72px;margin-right:24px;outline:1px solid #e6e6eb;border-radius:16px;margin-bottom:24px;position:relative;cursor:pointer;opacity:.3}.my-page-modal-selector .modal-body .benefit-item[data-useable=true]{opacity:1}.my-page-modal-selector .modal-body .benefit-item.benefit-checked{outline:2px solid #262629}.my-page-modal-selector .modal-body .benefit-item.benefit-checked .benefit-check img{display:block;opacity:0}.my-page-modal-selector .modal-body .benefit-item.benefit-checked .benefit-check img[data-checked=true]{opacity:1}.my-page-modal-selector .modal-body .benefit-item:last-child{margin-right:0}.my-page-modal-selector .modal-body .benefit-icon{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.my-page-modal-selector .modal-body .benefit-icon .vertical-line{width:1px;height:32px;background-color:#edeff2;margin:0 20px}.my-page-modal-selector .modal-body .benefit-icon img{width:72px;height:72px}.my-page-modal-selector .modal-body .benefit-label{font-size:16px;font-weight:400;line-height:21px;text-align:center}.my-page-modal-selector .modal-body .benefit-check{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;width:24px;height:24px;margin:auto}.my-page-modal-selector .modal-body .benefit-check img{width:100%;height:100%;position:absolute;opacity:0}.my-page-modal-selector .modal-body .benefit-check img[data-checked=false]{opacity:1}.my-page-modal-selector .modal-footer{margin-bottom:24px;text-align:right}.my-page-modal-selector .modal-footer button{outline:none;border:none;background:#262629;color:#fff;padding:14px 64px;min-width:180px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;line-height:20px;border-radius:100px}.my-page-modal-selector .modal-footer button[disabled]{background-color:#d2d2d6;color:hsla(0,0%,100%,.6)}.my-page-modal-compensation{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center}.my-page-modal-compensation .modal-wrap{padding:24px;border-radius:12px;background-color:#fff;position:relative;overflow:hidden;max-width:420px;width:100%}.my-page-modal-compensation .modal-wrap .close{position:absolute;top:16px;right:16px;width:24px;height:24px;cursor:pointer}.my-page-modal-compensation .modal-body .coupon-cover{display:flex;justify-content:center;padding:24px 24px 0;margin:-24px -24px 24px;background:linear-gradient(180deg,#edeff2,#f7f8fa)}.my-page-modal-compensation .modal-body .coupon-cover img{display:block;width:210px;height:210px}.my-page-modal-compensation .modal-body .content-label{font-size:16px;font-weight:400;line-height:28px;text-align:left;margin-bottom:32px;white-space:pre-wrap}.my-page-modal-compensation .modal-body .content-label b{font-weight:700;color:#262629}.my-page-modal-compensation .modal-body .wrap-device{display:flex;flex-flow:column;align-items:center;padding:0 24px;margin-bottom:24px}.my-page-modal-compensation .modal-body .wrap-device img{display:block;margin-bottom:4px;width:140px;height:140px}.my-page-modal-compensation .modal-body .wrap-device .device-name{color:#76767f;font-size:14px;font-weight:400;line-height:24px}.my-page-modal-compensation .modal-footer{display:flex;flex-flow:column}.my-page-modal-compensation .modal-footer button{margin-bottom:12px;color:#2a2a27;font-size:16px;font-weight:700;line-height:24px;text-align:center;text-transform:uppercase;border-radius:100px;width:100%;border:none;outline:none;padding:16px 24px;background:#edeff2;transition:all .2s}.my-page-modal-compensation .modal-footer button:hover{background-color:#d2d2d6;color:#262629}.my-page-modal-compensation .modal-footer button.highlight{background-color:#262629;color:#fff}.my-page-modal-compensation .modal-footer button.highlight:hover{background-color:#676769;color:#fff}.my-page-modal-compensation .modal-footer .button-sub-text{color:#b6b6c0;font-size:12px;font-weight:400;line-height:18px;text-align:center}