:root{color:#25204a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7fc;font-family:Segoe UI,Tahoma,Arial,sans-serif}html{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body,#root{width:100%;min-width:320px;min-height:100dvh;margin:0;padding:0}*,:before,:after{box-sizing:border-box}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}@media (width<=600px){html,body,#root{width:100%;min-width:320px}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#25204a;background:#f5f5fb;font-family:Arial,Segoe UI,Tahoma,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.admin-login-page{background:radial-gradient(circle at 0 100%,#6c5bd629,#0000 30%),radial-gradient(circle at 100% 0,#846fe41f,#0000 30%),#f7f7fc;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px;display:flex}.admin-login-container{background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:1180px;min-height:660px;display:grid;overflow:hidden;box-shadow:0 25px 70px #342b6421,0 5px 20px #342b640d}.admin-brand-panel{color:#fff;background:linear-gradient(145deg,#30266d 0%,#44388d 48%,#6251ad 100%);min-height:660px;position:relative;overflow:hidden}.admin-brand-content{z-index:3;flex-direction:column;min-height:660px;padding:38px 44px;display:flex;position:relative}.brand-top{align-items:flex-start;gap:16px;display:flex}.brand-logo-box{color:#5a50ae;background:#fff;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;display:flex;box-shadow:0 8px 25px #0f08321f}.brand-logo-box span{letter-spacing:-2px;font-size:27px;font-weight:800}.brand-title{flex-direction:column;padding-top:3px;display:flex}.brand-en{letter-spacing:4px;opacity:.8;margin-bottom:5px;font-size:9px}.admin-auth-badge{color:#6d638e;background:#f1eff8;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto 14px;padding:7px 12px;font-size:12px;font-weight:700;display:flex}.admin-auth-badge svg{flex-shrink:0}.auth-submit{justify-content:center;align-items:center;gap:8px;display:flex}.brand-title strong{font-size:27px;font-weight:800;line-height:1.2}.brand-title small{opacity:.82;margin-top:6px;font-size:12px}.brand-main{max-width:500px;margin-top:auto;margin-bottom:auto}.brand-main-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;display:flex}.brand-main h1{margin:0;font-size:clamp(32px,3vw,46px);font-weight:800;line-height:1.45}.brand-main h1 span{color:#fff}.brand-main p{color:#ffffffc7;max-width:470px;margin:18px 0 28px;font-size:15px;line-height:2}.brand-features{flex-wrap:wrap;gap:10px;display:flex}.brand-feature{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 15px;font-size:12px;display:flex}.brand-footer{color:#ffffff91;margin-top:auto;font-size:11px}.brand-decoration{z-index:1;pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.brand-decoration-one{width:390px;height:390px;top:120px;right:-170px}.brand-decoration-two{width:340px;height:340px;bottom:-180px;left:-200px}.brand-decoration-three{background:#ffffff06;width:210px;height:210px;bottom:-120px;right:50px}.admin-login-panel{background:#fff;justify-content:center;align-items:center;min-width:0;display:flex}.admin-login-content{width:100%;max-width:470px;padding:55px 58px}.admin-login-icon{color:#5547b0;background:#f0ecff;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:22px;display:flex}.admin-login-header{margin-bottom:30px}.admin-login-header h2{color:#25204a;margin:0 0 9px;font-size:32px;font-weight:800}.admin-login-header p{color:#9893a4;margin:0;font-size:13px;line-height:1.9}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-form-group{flex-direction:column;gap:8px;display:flex}.admin-form-group label{color:#332d50;font-size:13px;font-weight:700}.admin-password-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-password-label a{color:#5144a6;font-size:12px;font-weight:700}.admin-input{color:#9893a4;background:#fbfbfe;border:1px solid #e1dfeb;border-radius:14px;align-items:center;gap:11px;width:100%;min-height:55px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.admin-input:focus-within{background:#fff;border-color:#6252b3;box-shadow:0 0 0 4px #6252b317}.admin-input input{color:#29233f;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:15px 0;font-size:13px}.admin-input input::placeholder{color:#b4afbd}.admin-password-toggle{color:#9893a4;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.admin-login-error{color:#b42318;background:#fff3f3;border:1px solid #ffd7d7;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.6}.admin-login-button{color:#fff;background:linear-gradient(135deg,#5144a5,#5d4bb3);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:55px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 10px 22px #5144a538}.admin-login-button:hover{transform:translateY(-1px);box-shadow:0 13px 27px #5144a545}.admin-login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.admin-back-to-site{color:#8b8596;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:22px auto 0;font-size:12px;transition:color .2s;display:flex}.admin-back-to-site:hover{color:#5144a6}.admin-back-to-site span{font-size:17px}.admin-login-bottom{color:#aaa5b2;text-align:center;border-top:1px solid #eeeaf2;justify-content:center;align-items:center;gap:7px;margin-top:30px;padding-top:19px;font-size:10px;display:flex}@media (width<=900px){.admin-login-page{padding:20px}.admin-login-container{grid-template-columns:1fr;max-width:760px;min-height:auto}.admin-brand-panel{min-height:390px}.admin-brand-content{min-height:390px;padding:30px 34px}.brand-main{margin-top:42px;margin-bottom:30px}.brand-main h1{font-size:34px}.brand-main p{margin-top:12px;margin-bottom:18px}.admin-login-panel{min-height:500px}.admin-login-content{max-width:560px;padding:45px 40px}}@media (width<=600px){.admin-login-page{align-items:stretch;min-height:100dvh;padding:0}.admin-login-container{width:100%;min-height:100dvh;box-shadow:none;border-radius:0;flex-direction:column;display:flex}.admin-brand-panel{flex-shrink:0;min-height:350px}.admin-brand-content{min-height:350px;padding:24px 20px}.brand-top{gap:11px}.brand-logo-box{border-radius:14px;width:58px;height:58px}.brand-logo-box span{font-size:21px}.brand-en{letter-spacing:2.5px;font-size:7px}.brand-title strong{font-size:20px}.brand-title small{font-size:9px}.brand-main{margin-top:34px;margin-bottom:22px}.brand-main-icon{border-radius:14px;width:50px;height:50px;margin-bottom:14px}.brand-main-icon svg{width:30px;height:30px}.brand-main h1{font-size:28px;line-height:1.4}.brand-main p{margin:11px 0 17px;font-size:11px;line-height:1.8}.brand-features{gap:6px}.brand-feature{min-height:30px;padding:5px 10px;font-size:9px}.brand-footer{font-size:8px}.admin-login-panel{flex:1;min-height:auto}.admin-login-content{max-width:none;padding:30px 20px 25px}.admin-login-icon{border-radius:13px;width:48px;height:48px;margin-bottom:17px}.admin-login-header{margin-bottom:23px}.admin-login-header h2{font-size:25px}.admin-login-header p{font-size:11px}.admin-login-form{gap:17px}.admin-input,.admin-login-button{border-radius:12px;min-height:52px}.admin-login-bottom{margin-top:23px;font-size:9px}.brand-decoration-one{width:270px;height:270px;top:60px;right:-140px}.brand-decoration-two{width:240px;height:240px;bottom:-150px;left:-145px}}@media (width<=360px){.admin-brand-panel{min-height:320px}.admin-brand-content{min-height:320px;padding:20px 16px}.brand-main{margin-top:25px}.brand-main h1{font-size:24px}.brand-main p{font-size:10px}.brand-feature{padding:4px 8px;font-size:8px}.admin-login-content{padding:25px 16px 20px}.admin-login-header h2{font-size:22px}}.auth-page{background:radial-gradient(circle at 10% 10%,#6652be1a,#0000 30%),radial-gradient(circle at 90% 90%,#5240a014,#0000 30%),#f7f7fc;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px;display:flex}.auth-card{background:#fffffff5;border:1px solid #57489614;border-radius:26px;width:100%;max-width:470px;padding:42px;box-shadow:0 25px 70px #3026641a,0 5px 20px #3026640a}.logo-mark{color:#fff;background:linear-gradient(145deg,#4b3c91,#6755b4);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;font-weight:800;display:flex;box-shadow:0 8px 20px #4b3c9133}.auth-logo h1{color:#2b2550;margin:0;font-size:25px;font-weight:800}.auth-header{text-align:center;margin-bottom:28px}.auth-header h2{color:#282148;margin:0 0 9px;font-size:27px;font-weight:800}.auth-header p{color:#9691a2;margin:0;font-size:13px;line-height:1.9}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#342e50;font-size:13px;font-weight:700}.input-wrapper{color:#9691a2;background:#fbfbfe;border:1px solid #e1dfeb;border-radius:13px;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 15px;transition:all .2s;display:flex}.input-wrapper:focus-within{background:#fff;border-color:#5d4eaa;box-shadow:0 0 0 4px #5d4eaa17}.input-wrapper input{color:#29233f;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:14px 0;font-size:13px}.input-wrapper input::placeholder{color:#b4afbd}.password-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.password-label a{color:#5143a3;font-size:12px;font-weight:700}.password-toggle{color:#9791a2;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.auth-submit{color:#fff;background:linear-gradient(135deg,#5143a3,#6252b3);border:0;border-radius:13px;width:100%;min-height:54px;margin-top:3px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 10px 24px #5143a333}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px #5143a340}.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-error,.auth-success{border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.7}.auth-error{color:#b42318;background:#fff3f3;border:1px solid #ffd7d7}.auth-success{color:#18794e;background:#f0faf4;border:1px solid #cdebd9}.auth-footer{color:#9791a2;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;display:flex}.auth-footer a{color:#5143a3;font-weight:800}.auth-back{margin-bottom:20px}.auth-back a{color:#5143a3;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=600px){.auth-page{align-items:flex-start;min-height:100dvh;padding:16px}.auth-card{border-radius:20px;margin-top:10px;padding:30px 20px}.auth-logo{margin-bottom:23px}.logo-mark{border-radius:12px;width:43px;height:43px;font-size:20px}.auth-logo h1{font-size:22px}.auth-header{margin-bottom:24px}.auth-header h2{font-size:23px}.auth-header p{font-size:12px}.input-wrapper{min-height:51px}.auth-submit{min-height:52px}}@media (width<=360px){.auth-page{padding:10px}.auth-card{border-radius:18px;padding:25px 16px}.auth-logo h1{font-size:20px}.auth-header h2{font-size:21px}.password-label{flex-direction:column;align-items:flex-start}}.brand-logo-box{overflow:hidden}.brand-logo-box img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@media (width<=600px){.brand-logo-box{width:58px;height:58px}}.auth-logo{justify-content:center;align-items:center;gap:13px;margin-bottom:30px;display:flex}.auth-logo-image{flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.auth-logo-image img{object-fit:contain;width:100%;height:100%;display:block}.auth-logo-text{flex-direction:column;gap:3px;display:flex}.auth-logo-text span{color:#8d8798;letter-spacing:2.5px;font-size:8px;font-weight:700}.auth-logo-text h1{color:#2b2550;margin:0;font-size:23px;font-weight:800}@media (width<=600px){.auth-logo{gap:10px;margin-bottom:24px}.auth-logo-image{width:52px;height:52px}.auth-logo-text h1{font-size:20px}.auth-logo-text span{letter-spacing:2px;font-size:7px}}.brand-logo{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo-image{flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.brand-logo-image img{object-fit:contain;width:100%;height:100%;display:block}.brand-logo-text{flex-direction:column;justify-content:center;gap:3px;display:flex}.brand-logo-text span{color:#8d8798;letter-spacing:2.5px;font-size:8px;font-weight:700;line-height:1}.brand-logo-text strong{color:#2b2550;white-space:nowrap;font-size:22px;font-weight:800;line-height:1.2}@media (width<=600px){.brand-logo{gap:9px}.brand-logo-image{flex-basis:50px;width:50px;height:50px}.brand-logo-text span{letter-spacing:2px;font-size:7px}.brand-logo-text strong{font-size:19px}}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #eceaf2;width:100%;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:30px;width:min(1200px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.site-header-logo{flex-shrink:0;text-decoration:none}.site-header-logo .brand-logo{gap:10px}.site-header-logo .brand-logo-image{flex-basis:52px;width:52px;height:52px}.site-header-logo .brand-logo-text strong{font-size:20px}.site-nav{flex:1;justify-content:center;align-items:center;gap:30px;display:flex}.site-nav a{color:#40395e;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.site-nav a:hover{color:#746895}.site-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-login,.header-account,.header-logout{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.header-login{color:#fff;background:#2b2550}.header-login:hover{background:#40396a}.header-account{color:#3d365c;background:#f3f1f8}.header-account:hover{background:#e9e6f1}.header-logout{color:#665f78;background:#fff;border:1px solid #e6e3ec}.header-logout:hover{color:#2b2550;background:#f8f7fa}@media (width<=900px){.site-header-inner{gap:18px;width:min(100% - 28px,760px)}.site-nav{gap:18px}.site-nav a{font-size:13px}.header-login,.header-account,.header-logout{padding:0 11px}}@media (width<=700px){.site-header-inner{flex-wrap:wrap;min-height:72px;padding:10px 0}.site-nav{order:3;justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.site-nav a{white-space:nowrap}}@media (width<=480px){.site-header-inner{width:calc(100% - 20px)}.site-header-logo .brand-logo-image{flex-basis:44px;width:44px;height:44px}.site-header-logo .brand-logo-text span{display:none}.site-header-logo .brand-logo-text strong{font-size:17px}.header-login span,.header-account span,.header-logout span{display:none}.header-login,.header-account,.header-logout{width:40px;padding:0}}.customer-login-page{background:radial-gradient(circle at 10% 15%,#6452be1a,#0000 28%),#f6f6fd;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px;display:flex;overflow-x:hidden}.customer-login-container{background:#fff;border:1px solid #e5e2ef;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:1180px;min-height:660px;display:grid;overflow:hidden;box-shadow:0 25px 70px #342b6421,0 5px 20px #342b640d}.customer-brand-panel{color:#fff;background:linear-gradient(145deg,#30266d 0%,#44388d 48%,#6251ad 100%);min-width:0;min-height:660px;position:relative;overflow:hidden}.customer-brand-content{z-index:3;flex-direction:column;height:100%;min-height:660px;padding:38px 44px;display:flex;position:relative}.customer-decoration{z-index:1;pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.customer-decoration-one{width:390px;height:390px;top:120px;right:-170px}.customer-decoration-two{width:340px;height:340px;bottom:-180px;left:-200px}.customer-decoration-three{background:#ffffff06;width:210px;height:210px;bottom:-120px;right:50px}.customer-brand-top{align-items:flex-start;gap:16px;display:flex}.customer-brand-logo-box{background:#fff;border-radius:17px;flex:0 0 78px;justify-content:center;align-items:center;width:78px;height:78px;display:flex;overflow:hidden;box-shadow:0 8px 25px #0f08321f}.customer-brand-logo-box img{object-fit:contain;width:100%;height:100%;display:block}.customer-brand-title{flex-direction:column;gap:3px;padding-top:3px;display:flex}.customer-brand-title span{letter-spacing:4px;opacity:.8;font-size:9px;font-weight:700}.customer-brand-title strong{font-size:27px;font-weight:800;line-height:1.2}.customer-brand-title small{opacity:.82;margin-top:3px;font-size:12px}.customer-brand-main{max-width:500px;margin-top:auto;margin-bottom:auto}.customer-brand-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;display:flex}.customer-brand-main h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:clamp(32px,3vw,46px);font-weight:800;line-height:1.45}.customer-brand-main h1 span{color:#fff}.customer-brand-main p{color:#ffffffc7;max-width:470px;margin:18px 0 28px;font-size:15px;line-height:2}.customer-brand-features{flex-wrap:wrap;gap:10px;display:flex}.customer-brand-feature{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 15px;font-size:12px;display:flex}.customer-brand-footer{color:#ffffff91;margin-top:auto;font-size:11px}.customer-login-panel{background:#fff;justify-content:center;align-items:center;min-width:0;display:flex}.customer-login-content{width:100%;max-width:470px;padding:55px 58px}.customer-login-icon{color:#5547b0;background:#f0ecff;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 22px;display:flex}.customer-login-header{text-align:center;margin-bottom:30px}.customer-login-header h2{color:#25204a;margin:0 0 9px;font-size:32px;font-weight:800}.customer-login-header p{color:#9893a4;margin:0;font-size:13px;line-height:1.9}.customer-login-form{flex-direction:column;gap:20px;display:flex}.customer-form-group{flex-direction:column;gap:8px;display:flex}.customer-form-group label{color:#332d50;font-size:13px;font-weight:700}.customer-password-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-password-label a{color:#5144a6;font-size:12px;font-weight:700}.customer-input{color:#9893a4;background:#fbfbfe;border:1px solid #e1dfeb;border-radius:14px;align-items:center;gap:11px;width:100%;min-height:55px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.customer-input:focus-within{background:#fff;border-color:#6252b3;box-shadow:0 0 0 4px #6252b317}.customer-input input{color:#29233f;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:15px 0;font-size:13px}.customer-input input::placeholder{color:#b4afbd}.customer-password-toggle{color:#9893a4;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.customer-login-error{color:#b42318;background:#fff3f3;border:1px solid #ffd7d7;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.6}.customer-login-button{color:#fff;background:linear-gradient(135deg,#5144a5,#5d4bb3);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:55px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 22px #5144a538}.customer-login-button:hover{transform:translateY(-1px)}.customer-login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.customer-register-link{color:#9791a2;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;display:flex}.customer-register-link a{color:#5143a3;font-weight:800}.customer-back-to-site{color:#8b8596;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:22px auto 0;font-size:12px;display:flex}@media (width>=1200px){.customer-login-container{width:min(1100px,100% - 56px);min-height:700px}.customer-brand-panel,.customer-brand-content{min-height:700px}.customer-brand-content{padding:46px 54px 32px}.customer-login-content{width:min(430px,100% - 80px)}}@media (width<=1199px){.customer-login-page{padding:24px}.customer-login-container{width:min(1000px,100%);min-height:650px}.customer-brand-panel,.customer-brand-content{min-height:650px}.customer-brand-content{padding:38px 40px 28px}.customer-brand-main h1{font-size:38px}.customer-login-content{width:min(400px,100% - 60px)}}@media (width<=900px){.customer-login-page{padding:18px}.customer-login-container{border-radius:25px;width:100%;min-height:600px}.customer-brand-panel,.customer-brand-content{min-height:600px}.customer-brand-content{padding:32px}.customer-brand-logo-box{flex-basis:65px;width:65px;height:65px}.customer-brand-title strong{font-size:21px}.customer-brand-main h1{letter-spacing:-.5px;font-size:32px}.customer-brand-main p{font-size:12px}.customer-brand-feature{padding:0 11px}.customer-login-content{width:calc(100% - 50px)}.customer-login-header h2{font-size:29px}}@media (width<=700px){.customer-login-page{align-items:flex-start;min-height:100dvh;padding:12px}.customer-login-container{border-radius:22px;flex-direction:column;width:100%;min-height:auto;display:flex}.customer-brand-panel{order:1;width:100%;min-height:360px}.customer-brand-content{height:auto;min-height:360px;padding:26px 24px 22px}.customer-brand-top{gap:11px}.customer-brand-logo-box{border-radius:14px;flex-basis:56px;width:56px;height:56px}.customer-brand-title span{letter-spacing:2px;font-size:7px}.customer-brand-title strong{font-size:19px}.customer-brand-title small{font-size:9px}.customer-brand-main{padding-top:18px}.customer-brand-icon{border-radius:15px;width:50px;height:50px;margin-bottom:14px}.customer-brand-main h1{margin-bottom:10px;font-size:29px;line-height:1.3}.customer-brand-main p{max-width:500px;font-size:11px;line-height:1.8}.customer-brand-features{gap:6px;margin-top:15px}.customer-brand-feature{min-height:31px;padding:0 10px;font-size:9px}.customer-brand-footer{padding-top:12px;font-size:9px}.customer-login-panel{order:2;width:100%}.customer-login-content{width:min(460px,100% - 40px);padding:35px 0 38px}.customer-login-icon{width:52px;height:52px;margin-bottom:18px}.customer-login-header{margin-bottom:27px}.customer-login-header h2{font-size:28px}.customer-login-header p{font-size:11px}.customer-login-form{gap:19px}}@media (width<=480px){.customer-login-page{padding:7px}.customer-login-container{border-radius:18px}.customer-brand-panel{min-height:330px}.customer-brand-content{min-height:330px;padding:21px 18px 18px}.customer-brand-logo-box{border-radius:12px;flex-basis:50px;width:50px;height:50px}.customer-brand-title{gap:2px}.customer-brand-title span{letter-spacing:1.7px;font-size:6px}.customer-brand-title strong{font-size:17px}.customer-brand-title small{font-size:8px}.customer-brand-main{padding-top:15px}.customer-brand-icon{width:45px;height:45px;margin-bottom:12px}.customer-brand-main h1{font-size:25px;line-height:1.35}.customer-brand-main p{font-size:10px;line-height:1.75}.customer-brand-features{margin-top:12px}.customer-brand-feature{min-height:28px;padding:0 8px;font-size:8px}.customer-brand-feature svg{width:14px;height:14px}.customer-brand-footer{font-size:8px}.customer-login-content{width:calc(100% - 28px);padding:28px 0 30px}.customer-login-icon{border-radius:14px;width:48px;height:48px}.customer-login-header{margin-bottom:23px}.customer-login-header h2{font-size:25px}.customer-login-header p{font-size:10px}.customer-form-group{gap:7px}.customer-form-group label{font-size:12px}.customer-password-label a{font-size:10px}.customer-input{border-radius:13px;gap:9px;height:52px;padding:0 13px}.customer-input svg{width:17px;height:17px}.customer-input input{font-size:12px}.customer-login-button{border-radius:13px;min-height:52px;font-size:12px}.customer-register-link{font-size:11px}.customer-back-to-site{font-size:10px}}@media (width<=360px){.customer-login-page{padding:4px}.customer-login-container{border-radius:15px}.customer-brand-panel{min-height:310px}.customer-brand-content{min-height:310px;padding:18px 14px}.customer-brand-logo-box{flex-basis:44px;width:44px;height:44px}.customer-brand-title strong{font-size:15px}.customer-brand-title span{font-size:5.5px}.customer-brand-main h1{font-size:22px}.customer-brand-main p{font-size:9px}.customer-brand-feature{padding:0 7px;font-size:7px}.customer-login-content{width:calc(100% - 22px);padding:24px 0 26px}.customer-login-header h2{font-size:23px}.customer-input{height:49px}.customer-login-button{min-height:49px}}.customer-login-page,.customer-login-container,.customer-brand-panel,.customer-login-panel{max-width:100%}.customer-login-page{overflow-x:hidden}