/* Shared sign-in presentation. All rules stay on the public login page. */
body[data-realm="login"]{--paper:#f6f5f1;--white:#fffefb;--ink:#2b302d;--muted:#7c827b;--line:#e2e3da;--soft:#f0f0e9;--orange:#bd7953;--orange-dark:#a9623f;--peach:#edc39e;background:var(--paper);color:var(--ink);min-width:0}
body[data-realm="login"] *,body[data-realm="login"] *:before,body[data-realm="login"] *:after{box-sizing:border-box}
body[data-realm="login"] button:focus-visible,body[data-realm="login"] input:focus-visible{outline:3px solid #d09c73;outline-offset:4px}
body[data-realm="login"] .site-login{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:32px;min-height:100dvh;max-width:1560px;margin:auto;padding:24px}
body[data-realm="login"] .login-art{min-height:680px;border-radius:35px;background:#272c29;padding:38px;color:#f5efe1;isolation:isolate;box-shadow:0 14px 55px #30382b0a}
body[data-realm="login"] .login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 88% 75%,#66574624,transparent 60%);z-index:-1;pointer-events:none}
body[data-realm="login"] .login-art>.brand,body[data-realm="login"] .login-art>.login-copy,body[data-realm="login"] .login-art>.login-art-foot{position:relative;z-index:1;pointer-events:none}
body[data-realm="login"] .login-art .brand{flex-direction:row;align-items:center;gap:13px;color:#f1e7d5}
body[data-realm="login"] .login-art .brand-orbit{width:42px;height:36px;color:#e1b996}
body[data-realm="login"] .login-art .brand-name{font-size:24px;letter-spacing:2.6px}
body[data-realm="login"] .login-art .brand-name small{font-size:7px;letter-spacing:2px;color:#9d9f90;margin-top:3px}
body[data-realm="login"] .login-orbit{right:-110px;top:14%;width:530px;height:530px;border-color:#f1d0b72e;pointer-events:none}
body[data-realm="login"] .login-orbit:before{inset:76px;border-color:#f1d0b71f}
body[data-realm="login"] .login-orbit:after{display:none}
body[data-realm="login"] .login-sun{position:absolute;left:72%;top:48%;width:min(185px,28%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e0aa75,#c48255 52%,#ac5d39);box-shadow:0 0 90px #c3805728;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
body[data-realm="login"] .sun-moving .login-sun,body[data-realm="login"] .sun-moving .login-orbit{will-change:transform}
body[data-realm="login"] .login-copy{margin:100px 0 92px}
body[data-realm="login"] .login-copy .eyebrow{font-size:8px;letter-spacing:2.7px;color:#b5b69f;margin-bottom:22px}
body[data-realm="login"] .login-art h1{font-size:clamp(40px,3.9vw,59px);font-weight:450;letter-spacing:1px;line-height:1.44;max-width:440px}
body[data-realm="login"] .login-art p{font-size:12px;color:#b4b7a9;line-height:2;margin-top:24px;max-width:360px}
body[data-realm="login"] .login-art-foot{flex-direction:row;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#90998a}
body[data-realm="login"] .login-form-wrap{padding:48px 20px 24px;position:relative;align-items:center;min-width:0}
body[data-realm="login"] .auth-panel{width:min(100%,398px);margin:auto;min-width:0;padding:16px 0 48px}
body[data-realm="login"] .auth-panel>.eyebrow{font-size:9px;letter-spacing:2px;color:#9b9f91;margin-bottom:14px}
body[data-realm="login"] .auth-panel h2{font-size:30px;letter-spacing:-.7px;font-weight:500;margin:0 0 12px;color:#343b32}
body[data-realm="login"] .auth-subtitle{font-size:12px;color:#868c7f;line-height:1.9;margin:0 0 28px}
body[data-realm="login"] .auth-tabs{border:1px solid #e7e8df;background:#eeeee7;border-radius:19px;padding:5px;gap:4px;margin:0 0 25px}
body[data-realm="login"] .auth-tabs button{font-size:11px;min-height:38px;border-radius:14px;color:#909584}
body[data-realm="login"] .auth-tabs button.active{background:#fffefb;color:#4d5947;box-shadow:0 2px 7px #414a2910}
body[data-realm="login"] .auth-panel form{margin:0}
body[data-realm="login"] .field{margin-bottom:21px;gap:9px;min-width:0}
body[data-realm="login"] .field label{font-size:11px;color:#697260;font-weight:500}
body[data-realm="login"] .field input{min-width:0;width:100%;border-radius:15px;background:#fffefb;border:1px solid #dddfd3;padding:13px 15px;min-height:48px;font-size:12px;color:#45503e;box-shadow:0 2px 8px #3c432804}
body[data-realm="login"] .field input:focus{border-color:#a8b497;box-shadow:0 0 0 3px #a7b59316}
body[data-realm="login"] .field input::placeholder{color:#a0a594;opacity:1}
body[data-realm="login"] .field small{font-size:10px;line-height:1.8;color:#919985}
body[data-realm="login"] .auth-hint{font-size:10px;color:#8b947f;line-height:1.9;margin:-3px 0 20px}
body[data-realm="login"] .auth-panel .btn.primary{border-radius:15px;min-height:48px;background:#30392e;border-color:#30392e;color:#faf7ee;font-size:12px;justify-content:space-between;padding:13px 18px;box-shadow:0 5px 15px #30392e0d}
body[data-realm="login"] .auth-panel .btn.primary:hover{background:#414d3b;border-color:#414d3b}
body[data-realm="login"] .auth-panel .btn.primary .icon{height:17px;width:17px;color:#e4ccac}
body[data-realm="login"] .auth-links{margin-top:22px;gap:12px;align-items:center;flex-wrap:wrap}
body[data-realm="login"] .auth-links button{font-size:10px;color:#89927c;padding:3px 0;display:flex;align-items:center;gap:7px;line-height:1.8;text-align:left}
body[data-realm="login"] .auth-links button strong{font-weight:500;color:#647153}
body[data-realm="login"] .auth-links button:hover{color:#3f5132}
body[data-realm="login"] .auth-links .icon{width:14px;height:14px;transform:rotate(180deg)}
body[data-realm="login"] .auth-challenge-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
body[data-realm="login"] .auth-challenge-heading button{border:0;background:none;color:#909b81;padding:2px;font-size:10px;white-space:nowrap}
body[data-realm="login"] .code-row{grid-template-columns:minmax(0,1fr) 112px;gap:11px;align-items:end;margin-bottom:21px}
body[data-realm="login"] .code-row .field{margin-bottom:0}
body[data-realm="login"] .code-row>.btn{font-size:10px;min-height:48px;padding:9px 10px;border-radius:14px;background:#edeFE5;border-color:#dce0cf;color:#737e62}
body[data-realm="login"] #code-delivery:empty{display:none}
body[data-realm="login"] #code-delivery{margin:-8px 0 21px}
body[data-realm="login"] #code-delivery>p{font-size:10px;line-height:1.8;margin:0}
body[data-realm="login"] .test-code{margin:0;font-size:10px;border-radius:13px;padding:10px 12px;background:#f7eee0;color:#a17851;border-color:#e8d4ba}
body[data-realm="login"] .auth-error:empty{display:none}
body[data-realm="login"] .auth-error{font-size:11px;line-height:1.8;margin:0 0 18px;padding:11px 13px;border-radius:13px;overflow-wrap:anywhere}
body[data-realm="login"] .auth-environment{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #e4e7da;margin-top:29px;padding-top:15px;color:#9ba28e;font-size:9px;line-height:1.9}
body[data-realm="login"] .auth-environment>.icon{width:13px;height:13px;flex:none;margin-top:2px}
body[data-realm="login"] .auth-page-foot{font-size:9px;color:#adb29f;line-height:1.8;text-align:center;padding:8px 12px 0}
body[data-realm="login"] #toast{background:#35402f;border-color:#566249;color:#f3eedf;border-radius:16px}
@media(min-width:1600px){body[data-realm="login"] .site-login{padding-top:36px;padding-bottom:36px;gap:70px}body[data-realm="login"] .login-art{padding:46px}}
@media(max-width:1000px){body[data-realm="login"] .site-login{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:20px;padding:18px}body[data-realm="login"] .login-art{min-height:640px;padding:30px;border-radius:29px}body[data-realm="login"] .login-orbit{right:-210px}body[data-realm="login"] .login-art h1{font-size:39px}body[data-realm="login"] .login-form-wrap{padding:38px 12px 18px}body[data-realm="login"] .auth-panel h2{font-size:27px}body[data-realm="login"] .login-art-foot{font-size:6px;letter-spacing:.7px}}
@media(max-width:760px){body[data-realm="login"] .site-login{display:block;padding:14px;min-height:100dvh}body[data-realm="login"] .login-art{height:265px;min-height:0;border-radius:27px;padding:25px}body[data-realm="login"] .login-art .brand-name{font-size:19px}body[data-realm="login"] .login-art .brand-orbit{width:34px;height:29px}body[data-realm="login"] .login-art .brand-name small{font-size:6px}body[data-realm="login"] .login-copy{margin:30px 0 0}body[data-realm="login"] .login-copy .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:9px}body[data-realm="login"] .login-art h1{font-size:30px;line-height:1.4}body[data-realm="login"] .login-art p{font-size:9px;margin-top:9px;max-width:230px;line-height:1.9}body[data-realm="login"] .login-art-foot{display:none}body[data-realm="login"] .login-orbit{height:315px;width:315px;right:-70px;top:-9%}body[data-realm="login"] .login-orbit:before{inset:47px}body[data-realm="login"] .login-sun{width:min(125px,27%)}body[data-realm="login"] .login-form-wrap{padding:33px 16px 13px}body[data-realm="login"] .auth-panel{max-width:420px;width:100%;padding:0 0 31px}body[data-realm="login"] .auth-panel>.eyebrow{font-size:8px;margin-bottom:10px}body[data-realm="login"] .auth-panel h2{font-size:27px;margin-bottom:9px}body[data-realm="login"] .auth-subtitle{font-size:11px;margin-bottom:25px}body[data-realm="login"] .auth-tabs{margin-bottom:23px}body[data-realm="login"] .auth-page-foot{font-size:8px}body[data-realm="login"] .auth-environment{margin-top:25px}}
@media(max-width:370px){body[data-realm="login"] .site-login{padding:10px}body[data-realm="login"] .login-art{padding:21px;height:250px;border-radius:23px}body[data-realm="login"] .login-art h1{font-size:27px}body[data-realm="login"] .login-art p{font-size:8px}body[data-realm="login"] .login-form-wrap{padding:30px 12px 12px}body[data-realm="login"] .auth-panel h2{font-size:24px}body[data-realm="login"] .code-row{grid-template-columns:minmax(0,1fr) 100px;gap:8px}}
@media(prefers-reduced-motion:reduce){body[data-realm="login"] *,body[data-realm="login"] *:before,body[data-realm="login"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}