*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#392b27;background:#fff}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #be944b;outline-offset:4px}[hidden]{display:none!important}.welcome{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff 20%,#faf6ed 80%);position:relative;padding:40px 24px 95px}.welcome-inner{animation:arrive .8s ease}.welcome-logo{width:270px;max-width:70vw;mix-blend-mode:multiply}.rule{width:50px;height:1px;background:#bd944b;margin:35px auto 26px}.welcome h1{font-size:46px;margin:18px 0;font-weight:500}.welcome p{color:#85746b;font-size:16px}.welcome .welcome-sub{font-size:20px}.welcome button,.submit{background:#604038;color:white;border:0;border-radius:8px;padding:17px 40px;font-weight:600;font-size:16px}.welcome button{margin-top:23px;min-width:230px}.welcome-foot{position:absolute;bottom:28px;left:24px;right:24px;font-size:12px;line-height:1.8;color:#8b7e75}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #eee9e3}header img{width:155px;display:block}.lang{display:flex;align-items:center;gap:9px;border:1px solid #e9e3da;border-radius:7px;padding:10px 13px;color:#625044}.lang svg{width:19px;height:19px}.lang select{background:none;border:0;color:inherit;font-size:14px;cursor:pointer}.layout{display:grid;grid-template-columns:48% 52%;min-height:calc(100svh - 100px)}.office{position:relative;background:#3e3027 url('office.png') center/cover;min-height:560px;overflow:hidden}.office-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,22,19,.9),rgba(29,22,19,.04) 85%)}.office-caption{position:absolute;bottom:65px;right:12%;left:12%;color:#fff}.small-label{font-size:14px;color:#e0c68f}.office-caption h2{font-size:36px;line-height:1.5;font-weight:500;margin:18px 0}.gold-line{display:block;width:52px;height:2px;background:#d2ac64}.office-caption p{font-size:18px;margin-top:24px;color:#e8e0d6}.form-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 12% 25px;position:relative}.form-wrap{width:100%;max-width:410px;margin:auto}.eyebrow{font-size:14px;color:#aa8242}.form-wrap h1{font-size:33px;line-height:1.5;margin:17px 0 8px}.intro{font-size:15px;line-height:1.9;color:#897b72;margin-bottom:38px}form label{display:block;font-size:14px;font-weight:600;margin:0 0 11px}input{width:100%;height:54px;border:1px solid #e0dad2;border-radius:7px;background:#fff;padding:0 16px;outline:none;color:#392b27;font-size:16px}input:focus{border-color:#b78c47;box-shadow:0 0 0 3px #b78c4714}input::placeholder{color:#afa49b;font-size:14px}.password-label{margin-top:24px}.password-wrap{position:relative}.password-wrap input{padding-inline-end:52px}.eye{position:absolute;inset-inline-end:12px;top:15px;border:0;background:none;color:#96877e;padding:0;width:24px;height:24px}.eye svg{width:23px;height:23px}.forgot{border:0;background:none;color:#99763f;padding:16px 0 24px;font-size:13px;display:block}.submit{width:100%}.submit:hover,.welcome button:hover{background:#785147}#status{font-size:14px;line-height:1.8;color:#815e2f;margin:15px 0 0;min-height:25px}.company-sign{display:flex;align-items:center;gap:14px;color:#a79a90;margin-top:30px}.company-sign p{font-size:12px;white-space:nowrap}.company-sign span{height:1px;background:#eee8e1;flex:1}footer{font-size:12px;line-height:1.8;color:#a19489;text-align:center;margin-top:45px}html[dir=ltr] .office-caption{font-family:Arial,sans-serif}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){header{height:85px;padding:0 6%}header img{width:135px}.layout{grid-template-columns:1fr;min-height:calc(100svh - 85px)}.office{display:none}.form-area{padding:50px 7% 24px}.form-wrap{max-width:420px}.form-wrap h1{font-size:29px}footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){.welcome-inner{animation:none}}
/* Office photograph supplied by the company. */
.layout{position:relative;background:linear-gradient(90deg,rgba(30,20,16,.16),rgba(30,20,16,.44)),url('office.jpg') center 52%/cover no-repeat;isolation:isolate;padding:48px 6%;gap:7%;grid-template-columns:1fr 1fr;align-items:center}.office{background:none;min-height:520px;overflow:visible}.office-shade{display:none}.office-caption{bottom:35px;right:0;left:0;text-shadow:0 2px 16px #20150e80}.office-caption .small-label{color:#f2d59b}.office-caption h2{font-size:38px}.form-area{border:1px solid #ffffff8c;border-radius:16px;background:rgba(255,255,255,.96);padding:42px 11% 24px;box-shadow:0 24px 80px #22150d45;backdrop-filter:blur(10px);min-height:570px}.form-wrap{max-width:410px}.intro{margin-bottom:28px}.company-sign{margin-top:15px}footer{margin-top:25px}html[dir=ltr] .layout{background:linear-gradient(90deg,rgba(30,20,16,.44),rgba(30,20,16,.16)),url('office.jpg') center 52%/cover no-repeat}@media(max-width:800px){.layout,html[dir=ltr] .layout{grid-template-columns:1fr;padding:32px 6%;background:linear-gradient(#21160b40,#21160b40),url('office.jpg') center/cover;gap:0}.form-area{padding:34px 8% 22px;min-height:540px;border-radius:12px}.office{display:none}.form-wrap h1{font-size:29px}footer{margin-top:24px}}@media(min-width:1600px){.layout{padding-inline:12%;gap:10%}}
.preview-dashboard{display:block;text-align:center;margin-top:16px;font-size:14px;color:#96723c;text-decoration:none}.preview-dashboard:hover{text-decoration:underline}

.live-signin{display:block;text-align:center;text-decoration:none;margin-top:35px}.live-signin+.intro{margin-top:22px;}#login-form label{display:block;margin:18px 0;color:#72512d;font-size:14px}#login-form input{display:block;width:100%;padding:13px;border:1px solid #dfcfb1;border-radius:8px;margin-top:8px;font:inherit}#login-error{color:#b34835}