/* Login page only: keep its proportions independent of monitor and registration. */
body.ui-auth[data-page=index]{display:flex;flex-direction:column;min-height:100svh;padding:32px 24px 20px!important;gap:16px;background:#f1f5ef}
body.ui-auth[data-page=index]>.ui-auth-layout{width:100%;max-width:1100px;min-height:clamp(560px,74svh,660px);margin:auto;grid-template-columns:.94fr 1.06fr;border:1px solid #dce6d8;border-radius:24px;overflow:hidden;box-shadow:0 18px 64px #36513c0c;background:#fcfdfb}
body.ui-auth[data-page=index] .ui-auth-story{padding:40px 44px 30px;border-right:1px solid #dce6d8;background:#edf4e9;justify-content:space-between;gap:28px}
body.ui-auth[data-page=index] .ui-auth-brand{min-height:0;flex-shrink:0}
body.ui-auth[data-page=index] .ui-auth-brand .ui-brand-logo{width:210px;max-width:100%}
body.ui-auth[data-page=index] .ui-auth-story-main{padding:0;margin:0}
body.ui-auth[data-page=index] .ui-auth-story .ui-eyebrow{display:none}
body.ui-auth[data-page=index] .ui-auth-story h2{font-size:40px;line-height:1.38;letter-spacing:2px;font-weight:500;margin:0 0 19px;color:#345e43}
body.ui-auth[data-page=index] .ui-auth-story p{font-size:13px;line-height:1.95;margin:0;color:#75856b}
body.ui-auth[data-page=index] .ui-auth-trace{display:block;width:100%;height:84px;margin:24px 0 18px;opacity:.85}
body.ui-auth[data-page=index] .ui-auth-features{gap:18px;font-size:11px;color:#708369}
body.ui-auth[data-page=index] .ui-auth-features span{gap:6px}
body.ui-auth[data-page=index] .ui-auth-features .ui-icon{width:17px;height:17px}
body.ui-auth[data-page=index] .ui-auth-footer{font-size:10px;padding-top:14px;letter-spacing:.5px;line-height:1.6;flex-shrink:0;color:#849078}
body.ui-auth[data-page=index] .ui-auth-panel{padding:44px 54px;background:#fcfdfb}
body.ui-auth[data-page=index] .login-container{max-width:370px}
body.ui-auth[data-page=index] .logo{margin-bottom:28px}
body.ui-auth[data-page=index] .logo h1{font-size:27px;line-height:1.4;letter-spacing:.5px;margin-bottom:8px}
body.ui-auth[data-page=index] .logo p{font-size:12px;line-height:1.7;color:#829078}
body.ui-auth[data-page=index] .input-group{margin-bottom:20px}
body.ui-auth[data-page=index] .input-group label{display:block;font-size:12px;margin-bottom:8px;color:#64765b}
body.ui-auth[data-page=index] .input-icon input{min-height:48px;padding:12px 14px;border-radius:9px;background:#fff;border-color:#d8e3d2;font-size:13px}
body.ui-auth[data-page=index] .input-icon input.ui-has-toggle{padding-right:44px}
body.ui-auth[data-page=index] .input-icon input:-webkit-autofill{-webkit-text-fill-color:#375735;box-shadow:0 0 0 1000px #f0f6ec inset!important;caret-color:#375735}
body.ui-auth[data-page=index] .options{margin:0 0 22px;font-size:12px;align-items:center;gap:12px}
body.ui-auth[data-page=index] .options .remember{font-size:12px;gap:7px;align-items:center}
body.ui-auth[data-page=index] .options input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:#4e7f61}
body.ui-auth[data-page=index] .forgot{font-size:12px;white-space:nowrap}
body.ui-auth[data-page=index] .login-btn{min-height:48px;padding:12px;border-radius:9px;font-size:14px;letter-spacing:2px}
body.ui-auth[data-page=index] .register-link{margin:20px 0 0;padding:0;font-size:11px;line-height:1.7;color:#819073}
body.ui-auth[data-page=index] .copyright{margin:24px 0 0;font-size:10px;color:#98a18f}
body.ui-auth[data-page=index]>.site-filing{position:static;inset:auto;flex-shrink:0;margin:0;padding:0;font-size:10px;line-height:1.8;color:#899783}
@media(max-width:1000px){body.ui-auth[data-page=index]{padding:24px 20px 16px}body.ui-auth[data-page=index] .ui-auth-story{padding:34px 32px 28px}body.ui-auth[data-page=index] .ui-auth-panel{padding:38px 36px}body.ui-auth[data-page=index] .ui-auth-story h2{font-size:34px}body.ui-auth[data-page=index] .ui-auth-brand .ui-brand-logo{width:190px}body.ui-auth[data-page=index] .ui-auth-features{gap:11px;font-size:10px}}
@media(max-width:760px){body.ui-auth[data-page=index]{padding:20px 16px 14px;gap:12px}body.ui-auth[data-page=index]>.ui-auth-layout{display:block;max-width:460px;min-height:0;border-radius:20px;margin:auto}body.ui-auth[data-page=index] .ui-auth-story{padding:22px 28px 20px;gap:14px;border-right:0;border-bottom:1px solid #dce6d8}body.ui-auth[data-page=index] .ui-auth-brand .ui-brand-logo{width:170px}body.ui-auth[data-page=index] .ui-auth-story-main{padding:0;margin:0}body.ui-auth[data-page=index] .ui-auth-story h2{font-size:21px;line-height:1.5;letter-spacing:1px;margin:0}body.ui-auth[data-page=index] .ui-auth-story h2 br{display:none}body.ui-auth[data-page=index] .ui-auth-story p,body.ui-auth[data-page=index] .ui-auth-trace,body.ui-auth[data-page=index] .ui-auth-features,body.ui-auth[data-page=index] .ui-auth-footer{display:none}body.ui-auth[data-page=index] .ui-auth-panel{min-height:0;padding:28px}body.ui-auth[data-page=index] .logo{margin-bottom:23px}body.ui-auth[data-page=index] .logo h1{font-size:24px}body.ui-auth[data-page=index] .input-group{margin-bottom:18px}body.ui-auth[data-page=index] .register-link{margin-top:18px}body.ui-auth[data-page=index] .copyright{margin-top:18px}}
@media(max-width:360px){body.ui-auth[data-page=index]{padding:12px 10px}body.ui-auth[data-page=index] .ui-auth-story{padding:20px 22px 16px}body.ui-auth[data-page=index] .ui-auth-panel{padding:24px 22px}body.ui-auth[data-page=index] .ui-auth-story h2{font-size:19px}}
@media(max-height:700px) and (min-width:761px){body.ui-auth[data-page=index]{padding-top:20px;padding-bottom:14px}body.ui-auth[data-page=index]>.ui-auth-layout{min-height:540px}body.ui-auth[data-page=index] .ui-auth-story{padding-top:30px;padding-bottom:24px;gap:22px}body.ui-auth[data-page=index] .ui-auth-trace{height:66px;margin:18px 0 14px}body.ui-auth[data-page=index] .ui-auth-panel{padding-top:30px;padding-bottom:30px}}