#tai_khoan{--tk_lo_xo: cubic-bezier(.32,.72,0,1);--tk_chu: var(--kinh_chu);--tk_phu: var(--kinh_phu);--tk_nhan: var(--kinh_nhan);--tk_loi: #c2410c;--tk_vien: rgba(255,255,255,.75);--tk_ke: rgba(60,49,30,.1);position: relative;isolation: isolate;display: grid;place-items: center;min-height: 100vh;min-height: 100dvh;box-sizing: border-box;padding: 48rem 20rem;overflow: hidden;color: var(--tk_chu);font-family: var(--kinh_font);}#tai_khoan .tk_nen{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none;}#tai_khoan .tk_nen span{position: absolute;width: 560rem;aspect-ratio: 1;border-radius: 50%;filter: blur(90px);opacity: .42;animation: tk_troi 24s ease-in-out infinite alternate;}#tai_khoan .tk_nen span:nth-child(1){top: -180rem;left: -140rem;background: #38a7ba;}#tai_khoan .tk_nen span:nth-child(2){right: -160rem;bottom: -220rem;background: #f2c744;animation-duration: 28s;animation-delay: -9s;}#tai_khoan .tk_nen span:nth-child(3){top: 38%;left: 58%;width: 380rem;background: #caac86;opacity: .32;animation-duration: 32s;animation-delay: -16s;}@keyframes tk_troi{50%{transform: translate(90rem,70rem) scale(1.12);}100%{transform: translate(-70rem,40rem) scale(.94);}}#tai_khoan :is(#select, #sign_up, #sign_in){grid-area: 1 / 1;gap: 0;min-height: 0;position: relative;display: flex;flex-direction: column;align-items: center;width: min(420rem, 100%);box-sizing: border-box;margin: 0;padding: 48rem 36rem 30rem;border: 1rem solid var(--tk_vien);border-radius: 34rem;background: linear-gradient(160deg, rgba(255,255,255,.66), rgba(255,255,255,.34));backdrop-filter: blur(30px) saturate(180%);-webkit-backdrop-filter: blur(30px) saturate(180%);box-shadow: inset 0 1rem 0 rgba(255,255,255,.9), 0 34rem 70rem -24rem rgba(60,49,30,.28), 0 12rem 26rem -14rem rgba(60,49,30,.14);}#tai_khoan .tk_the{animation: tk_hien .8s var(--tk_lo_xo) both;}#tai_khoan .tk_the.vao_phai{animation: tk_vao_phai .6s var(--tk_lo_xo) both;}#tai_khoan .tk_the.vao_trai{animation: tk_vao_trai .6s var(--tk_lo_xo) both;}#tai_khoan .tk_the.roi_trai{animation: tk_roi_trai .32s cubic-bezier(.4,0,1,1) both;pointer-events: none;}#tai_khoan .tk_the.roi_phai{animation: tk_roi_phai .32s cubic-bezier(.4,0,1,1) both;pointer-events: none;}@keyframes tk_hien{from{opacity: 0;transform: translateY(32rem) scale(.95);}}@keyframes tk_vao_phai{from{opacity: 0;transform: translateX(56rem) scale(.97);}}@keyframes tk_vao_trai{from{opacity: 0;transform: translateX(-56rem) scale(.97);}}@keyframes tk_roi_trai{to{opacity: 0;transform: translateX(-56rem) scale(.97);}}@keyframes tk_roi_phai{to{opacity: 0;transform: translateX(56rem) scale(.97);}}#tai_khoan .tk_the > :not(.nut_quay_lai){animation: tk_hang .7s var(--tk_lo_xo) both;}#tai_khoan .tk_the > :nth-child(2){animation-delay: .06s;}#tai_khoan .tk_the > :nth-child(3){animation-delay: .1s;}#tai_khoan .tk_the > :nth-child(4){animation-delay: .14s;}#tai_khoan .tk_the > :nth-child(5){animation-delay: .18s;}#tai_khoan .tk_the > :nth-child(n+6){animation-delay: .22s;}@keyframes tk_hang{from{opacity: 0;transform: translateY(14rem);}}#tai_khoan .tk_logo{display: block;border-radius: 10rem;transition: transform .4s var(--tk_lo_xo), opacity .2s;}#tai_khoan .tk_logo:hover{transform: scale(1.04);}#tai_khoan .tk_logo:active{transform: scale(.97);opacity: .8;}#tai_khoan .tk_logo img{display: block;width: auto;height: 34rem;}#tai_khoan :is(#select_content_title, .form_title){margin: 26rem 0 0;color: var(--tk_chu);font: 650 30rem/1.15 var(--kinh_font);letter-spacing: -.6rem;text-align: center;}#tai_khoan :is(#select_slogan, .form_question_1){display: block;max-width: 300rem;margin: 10rem 0 0;color: var(--tk_phu);font: 400 15rem/1.5 var(--kinh_font);letter-spacing: 0;text-align: center;}#tai_khoan .form_question_2{padding: 0;border: 0;border-radius: 6rem;background: none;color: var(--tk_nhan);font: 600 15rem/1.5 var(--kinh_font);cursor: pointer;transition: opacity .2s;}#tai_khoan .form_question_2:hover{opacity: .75;}#tai_khoan #select_content{position: static;display: flex;flex-direction: column;gap: 12rem;width: 100%;margin-top: 34rem;transform: none;}#tai_khoan :is(#select_content_sign_up, #select_content_sign_in, .form_button){position: relative;display: grid;place-items: center;width: 100%;height: 54rem;min-height: 0;margin: 0;padding: 0 20rem;border: 0;border-radius: 100rem;background: linear-gradient(180deg, #f7d460, #efbf35);color: #2b2410;font: 600 16rem/1 var(--kinh_font);letter-spacing: -.1rem;cursor: pointer;box-shadow: inset 0 1rem 0 rgba(255,255,255,.55), 0 12rem 26rem -10rem rgba(176,130,20,.6);transition: transform .35s var(--tk_lo_xo), box-shadow .25s, filter .2s, background .2s;-webkit-tap-highlight-color: transparent;}#tai_khoan #select_content_sign_in{background: rgba(255,255,255,.55);color: var(--tk_chu);box-shadow: inset 0 0 0 1rem var(--tk_vien), 0 6rem 16rem -10rem rgba(60,49,30,.3);}#tai_khoan :is(#select_content_sign_up, .form_button):hover{filter: brightness(1.04);box-shadow: inset 0 1rem 0 rgba(255,255,255,.55), 0 16rem 30rem -10rem rgba(176,130,20,.7);}#tai_khoan #select_content_sign_in:hover{background: rgba(255,255,255,.78);}#tai_khoan :is(#select_content_sign_up, #select_content_sign_in, .form_button):active{transform: scale(.97);}#tai_khoan .form_button{margin-top: 6rem;}#tai_khoan .form_button > *{grid-area: 1 / 1;transition: opacity .25s, transform .35s var(--tk_lo_xo);}#tai_khoan .nut_xoay{width: 20rem;height: 20rem;box-sizing: border-box;border: 2.4rem solid rgba(43,36,16,.22);border-top-color: #2b2410;border-radius: 50%;opacity: 0;transform: scale(.5);animation: tk_xoay .75s linear infinite;}#tai_khoan .nut_xong{width: 24rem;height: 24rem;fill: none;stroke: #2b2410;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 20;stroke-dashoffset: 20;opacity: 0;}#tai_khoan .form[aria-busy=true] .form_button{pointer-events: none;}#tai_khoan .form[aria-busy=true] .nut_chu{opacity: 0;transform: scale(.85);}#tai_khoan .form[aria-busy=true] .nut_xoay{opacity: 1;transform: none;}#tai_khoan .form.xong .nut_xoay{opacity: 0;transform: scale(.5);}#tai_khoan .form.xong .nut_xong{opacity: 1;stroke-dashoffset: 0;transition: stroke-dashoffset .45s .1s var(--tk_lo_xo), opacity .1s;}#tai_khoan .form.xong .form_button{transform: scale(1.03);}@keyframes tk_xoay{to{rotate: 360deg;}}#tai_khoan .nut_quay_lai{position: absolute;top: 16rem;left: 14rem;display: inline-flex;align-items: center;gap: 2rem;padding: 7rem 12rem 7rem 6rem;border: 0;border-radius: 100rem;background: transparent;color: var(--tk_nhan);font: 500 15rem/1 var(--kinh_font);cursor: pointer;transition: background .2s, transform .3s var(--tk_lo_xo);}#tai_khoan .nut_quay_lai:hover{background: rgba(255,255,255,.55);}#tai_khoan .nut_quay_lai:active{transform: scale(.95);}#tai_khoan .nut_quay_lai svg{width: 20rem;height: 20rem;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;}#tai_khoan .form_input_container{width: 100%;margin-top: 28rem;overflow: hidden;border: 1rem solid var(--tk_vien);border-radius: 18rem;background: rgba(255,255,255,.5);box-shadow: inset 0 1rem 2rem rgba(60,49,30,.04);}#tai_khoan .form_input_container.rung{animation: tk_hang .7s var(--tk_lo_xo) .18s both, tk_rung .45s cubic-bezier(.36,.07,.19,.97);}@keyframes tk_rung{15%, 85%{transform: translateX(-2rem);}30%, 70%{transform: translateX(6rem);}45%{transform: translateX(-9rem);}60%{transform: translateX(9rem);}}#tai_khoan .form_input_content{position: relative;display: flex;align-items: center;gap: 14rem;height: 62rem;min-height: 0;margin: 0;padding: 0 16rem;border: 0;border-radius: 0;background: transparent;box-shadow: none;opacity: 1;cursor: text;transition: background .25s;}#tai_khoan .form_input_content + .form_input_content::before{content: '';position: absolute;top: 0;right: 0;left: 52rem;height: 1rem;background: var(--tk_ke);}#tai_khoan .form_input_content:focus-within{background: rgba(255,255,255,.7);}#tai_khoan .form_input_icon{flex: none;width: 22rem;height: 22rem;fill: none;stroke: var(--tk_phu);stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: stroke .25s, transform .4s var(--tk_lo_xo);}#tai_khoan .form_input_content:focus-within .form_input_icon{stroke: var(--tk_nhan);transform: scale(1.1);}#tai_khoan .form_input{position: relative;flex: 1;min-width: 0;height: 100%;margin: 0;}#tai_khoan .form_input_real{position: absolute;inset: 0;width: 100%;height: 100%;box-sizing: border-box;margin: 0;padding: 24rem 0 6rem;border: 0;outline: 0;background: transparent;color: var(--tk_chu);font: 400 16rem/1.3 var(--kinh_font);}#tai_khoan .form_input_placeholder{position: absolute;top: 50%;left: 0;max-width: 100%;overflow: hidden;color: var(--tk_phu);font: 400 16rem/1.2 var(--kinh_font);white-space: nowrap;text-overflow: ellipsis;transform: translateY(-50%);transform-origin: left center;pointer-events: none;transition: transform .35s var(--tk_lo_xo), color .25s;}#tai_khoan .form_input_real:is(:focus, :not(:placeholder-shown)) + .form_input_placeholder{transform: translateY(calc(-50% - 13rem)) scale(.76);}#tai_khoan .form_input_real:focus + .form_input_placeholder{color: var(--tk_nhan);}#tai_khoan .form_input_real:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px transparent inset;-webkit-text-fill-color: var(--tk_chu);transition: background-color 5000s ease-in-out 0s;}#tai_khoan .hien_mat_khau{position: relative;display: grid;place-items: center;flex: none;width: 36rem;height: 36rem;margin-right: -8rem;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--tk_phu);cursor: pointer;transition: background .2s, color .2s;}#tai_khoan .hien_mat_khau:hover{background: rgba(60,49,30,.06);color: var(--tk_chu);}#tai_khoan .hien_mat_khau svg{grid-area: 1 / 1;width: 20rem;height: 20rem;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: opacity .2s, transform .35s var(--tk_lo_xo);}#tai_khoan .hien_mat_khau .mat_dong, #tai_khoan .hien_mat_khau[aria-pressed=true] .mat_mo{opacity: 0;transform: scale(.6);}#tai_khoan .hien_mat_khau[aria-pressed=true] .mat_dong{opacity: 1;transform: none;}#tai_khoan .form_input_issue{display: block;visibility: visible;align-self: stretch;min-height: 20rem;margin: 10rem 6rem 8rem;color: var(--tk_loi);font: 500 13rem/1.5 var(--kinh_font);text-align: left;opacity: 1;transform: none;transition: opacity .25s, transform .35s var(--tk_lo_xo);}#tai_khoan .form_input_issue:empty{opacity: 0;transform: translateY(-4rem);}#tai_khoan :is(.form_button_term_1, .form_button_term_3){margin: 14rem 0 0;color: var(--tk_phu);font: 400 12.5rem/1.5 var(--kinh_font);text-align: center;}#tai_khoan .form_button_term_3{margin-top: 4rem;}#tai_khoan .form_button_term_4{color: var(--tk_chu);font-weight: 500;}#tai_khoan #select_terms_content{display: flex;flex-wrap: wrap;justify-content: center;gap: 6rem 18rem;margin-top: 30rem;}#tai_khoan .select_terms_content{color: var(--tk_phu);font: 400 12.5rem/1.5 var(--kinh_font);}@media (max-width: 750px){#tai_khoan{place-items: start center;padding: 28rem 14rem 40rem;}#tai_khoan :is(#select, #sign_up, #sign_in){margin-top: max(0rem, calc(50dvh - 380rem));padding: 52rem 22rem 26rem;border-radius: 30rem;}#tai_khoan :is(#select_content_title, .form_title){font-size: 32rem;}#tai_khoan :is(#select_slogan, .form_question_1, .form_question_2){font-size: 17rem;}#tai_khoan :is(#select_content_sign_up, #select_content_sign_in, .form_button){height: 58rem;font-size: 19rem;}#tai_khoan .form_input_content{height: 66rem;}#tai_khoan :is(.form_input_real, .form_input_placeholder){font-size: 19rem;}#tai_khoan .form_input_issue{font-size: 15rem;}#tai_khoan :is(.form_button_term_1, .form_button_term_3, .select_terms_content){font-size: 14rem;}#tai_khoan .nut_quay_lai{font-size: 17rem;}}