*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{font-family:UTM_KHUCCAMTA,sans-serif;-ms-overflow-style:none}.hover-darken{transition:filter .02s ease-in-out}.hover-darken:hover{filter:brightness(.8);cursor:pointer}button{border:none;outline:none;box-shadow:none;background:inherit;cursor:pointer}button:hover,button:focus{outline:none;box-shadow:none;background:inherit}:root{--desktop-vw: 1vw;--mobile-vw: calc(100vw / 393);--mobile-scale: calc(393 / 1920)}.auth-page{padding:calc(20 / 1920 * 100vw);display:flex;justify-content:center;align-items:flex-start;min-height:calc(500 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-page{padding:0vw;min-height:calc(500 / 393 * 100vw)}}.auth-page__container{width:100%;max-width:31.25vw;background:#fff;border-radius:.625vw;padding:calc(40 / 1920 * 100vw);box-shadow:0 4px 12px #0000001a;border:1px solid #dee2e6;font-family:UTM_KHUCCAMTA;overflow:hidden}@media screen and (max-width: 768px){.auth-page__container{max-width:100%;padding:0;border-radius:0;box-shadow:none;border:none}}.auth-page__header{text-align:center;background:linear-gradient(135deg,#f6b903,#c49302);margin:calc(-40 / 1920 * 100vw) calc(-40 / 1920 * 100vw) 1.5625vw calc(-40 / 1920 * 100vw);padding:1.5625vw calc(40 / 1920 * 100vw) calc(20 / 1920 * 100vw) calc(40 / 1920 * 100vw);border-bottom:.15625vw solid rgb(170.421686747,128.1626506024,2.078313253);border-radius:.625vw .625vw 0 0}@media screen and (max-width: 768px){.auth-page__header{margin:0;padding:calc(20 / 393 * 100vw) calc(15 / 393 * 100vw);border-radius:0}}.auth-page__title{color:#fff;font-size:calc(28 / 1920 * 100vw);font-weight:700;margin:0 0 calc(10 / 1920 * 100vw) 0;text-transform:uppercase;letter-spacing:1px}@media screen and (max-width: 768px){.auth-page__title{font-size:calc(24 / 393 * 100vw);margin-bottom:calc(10 / 393 * 100vw)}}.auth-page__subtitle{color:#ffffffe6;font-size:.78125vw;margin:0}@media screen and (max-width: 768px){.auth-page__subtitle{font-size:calc(13 / 393 * 100vw)}}.auth-page__content{padding:calc(40 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-page__content{padding:calc(20 / 393 * 100vw) calc(15 / 393 * 100vw)}}.auth-page__alert{padding:.78125vw calc(20 / 1920 * 100vw);border-radius:calc(8 / 1920 * 100vw);margin-bottom:calc(20 / 1920 * 100vw);display:flex;align-items:center;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-page__alert{padding:calc(15 / 393 * 100vw) calc(20 / 393 * 100vw);border-radius:calc(8 / 393 * 100vw);margin-bottom:calc(20 / 393 * 100vw);gap:calc(10 / 393 * 100vw)}}.auth-page__alert i{font-size:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-page__alert i{font-size:calc(20 / 393 * 100vw)}}.auth-page__alert--warning{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.auth-page__alert--warning a{color:#f6b903;text-decoration:underline;font-weight:600}.auth-form{width:100%}.auth-form__group{margin-bottom:calc(25 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-form__group{margin-bottom:calc(20 / 393 * 100vw)}}.auth-form__label{display:flex;align-items:center;gap:calc(8 / 1920 * 100vw);color:#2c3e50;font-size:.9375vw;font-weight:600;margin-bottom:calc(10 / 1920 * 100vw)}.auth-form__label i{color:#f6b903;font-size:calc(14 / 1920 * 100vw)}@media screen and (max-width: 768px){.auth-form__label{gap:calc(8 / 393 * 100vw);font-size:calc(14 / 393 * 100vw);margin-bottom:calc(10 / 393 * 100vw)}.auth-form__label i{font-size:calc(13 / 393 * 100vw)}}.auth-form__input{width:100%;padding:.625vw .78125vw;border:2px solid #dee2e6;border-radius:calc(8 / 1920 * 100vw);background:#fff;color:#2c3e50;font-size:.78125vw;transition:all .3s ease}.auth-form__input::placeholder{color:#adb5bd}.auth-form__input:focus{outline:none;border-color:#f6b903;background:#fff;box-shadow:0 0 0 3px #e2b25026}.auth-form__input:hover{border-color:#fdd662}.auth-form__input.error{border-color:#dc3545}@media screen and (max-width: 768px){.auth-form__input{padding:calc(10 / 393 * 100vw) calc(12 / 393 * 100vw);font-size:calc(14 / 393 * 100vw);border-radius:calc(8 / 393 * 100vw)}}.auth-form__actions{display:flex;gap:.78125vw;margin-top:1.5625vw}@media screen and (max-width: 768px){.auth-form__actions{flex-direction:column;gap:calc(10 / 393 * 100vw);margin-top:calc(30 / 393 * 100vw)}}.auth-form__submit{flex:1;padding:calc(14 / 1920 * 100vw) 1.5625vw;border:none;border-radius:calc(8 / 1920 * 100vw);background:linear-gradient(135deg,#f6b903,#d4a346);color:#fff;font-size:calc(16 / 1920 * 100vw);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:calc(8 / 1920 * 100vw);box-shadow:0 calc(4 / 1920 * 100vw) .78125vw #e2b2504d}.auth-form__submit:hover{transform:translateY(-2);box-shadow:0 .3125vw calc(20 / 1920 * 100vw) #e2b25066;background:linear-gradient(135deg,#f6b903,#e0b86e)}.auth-form__submit:active{transform:translateY(0)}.auth-form__submit i{font-size:.9375vw}@media screen and (max-width: 768px){.auth-form__submit i{font-size:calc(18 / 393 * 100vw)}}@media screen and (max-width: 768px){.auth-form__submit{padding:calc(12 / 393 * 100vw) calc(20 / 393 * 100vw);font-size:calc(15 / 393 * 100vw);border-radius:calc(8 / 393 * 100vw);gap:calc(8 / 393 * 100vw)}}.auth-form__cancel{padding:calc(14 / 1920 * 100vw) 1.5625vw;border:calc(2 / 1920 * 100vw) solid #dee2e6;border-radius:calc(8 / 1920 * 100vw);background:#fff;color:#2c3e50;font-size:calc(16 / 1920 * 100vw);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:calc(8 / 1920 * 100vw);text-decoration:none}.auth-form__cancel:hover{background:#f8f9fa;border-color:#2c3e50}@media screen and (max-width: 768px){.auth-form__cancel{padding:calc(12 / 393 * 100vw) calc(20 / 393 * 100vw);font-size:calc(15 / 393 * 100vw);border-radius:calc(8 / 393 * 100vw);gap:calc(8 / 393 * 100vw)}}.auth-form__footer{margin-top:calc(25 / 1920 * 100vw);padding-top:calc(20 / 1920 * 100vw);border-top:calc(1 / 1920 * 100vw) solid #dee2e6;text-align:center}@media screen and (max-width: 768px){.auth-form__footer{margin-top:calc(25 / 393 * 100vw);padding-top:calc(20 / 393 * 100vw)}}.auth-form__note{color:#6c757d;margin:calc(8 / 1920 * 100vw) 0}@media screen and (max-width: 768px){.auth-form__note{margin:calc(8 / 393 * 100vw) 0}}.auth-form__link{color:#f6b903;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-form__link:hover{text-decoration:underline;color:#c49302}