:root{color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;color:#102035;background:#071426}
button,input{font:inherit}
.ofc-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);background:#f4f7fb}
.ofc-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:100vh;padding:clamp(36px,6vw,86px);overflow:hidden;background:#071426;color:#fff}
.ofc-login-brand::after{content:"";position:absolute;right:-180px;bottom:-220px;width:520px;height:520px;border:1px solid rgba(212,174,77,.34);border-radius:50%;box-shadow:0 0 0 60px rgba(212,174,77,.05),0 0 0 120px rgba(212,174,77,.03)}
.ofc-login-brand img{position:relative;z-index:1;width:min(280px,78%);height:auto;object-fit:contain}
.ofc-login-brand>div{position:relative;z-index:1;max-width:560px}
.ofc-login-brand span,.ofc-login-heading span{display:block;margin-bottom:10px;color:#d4ae4d;font-size:12px;font-weight:900;text-transform:uppercase}
.ofc-login-brand h1{margin:0 0 16px;font-size:clamp(42px,6vw,74px);line-height:.98}
.ofc-login-brand p{max-width:520px;margin:0;color:#cbd6e5;font-size:17px;line-height:1.65}
.ofc-login-card{width:min(560px,calc(100% - 48px));margin:auto;padding:42px;border:1px solid #d9e2ee;border-radius:8px;background:#fff;box-shadow:0 26px 70px rgba(16,32,53,.16)}
.ofc-login-back{display:inline-block;margin-bottom:36px;color:#1b5dbf;font-weight:800;text-decoration:none}
.ofc-login-heading h2{margin:0 0 8px;color:#102035;font-size:34px}.ofc-login-heading p{margin:0 0 28px;color:#4d5d72;line-height:1.5}
.ofc-login-form{display:grid;gap:17px}.ofc-login-form label{display:grid;gap:7px;color:#26384e;font-size:13px;font-weight:800}.ofc-login-form input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #b8c6d8;border-radius:6px;background:#fff;color:#102035;outline:none}.ofc-login-form input:focus{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.16)}
.ofc-login-form>button{min-height:50px;border:0;border-radius:6px;background:#1769e0;color:#fff;font-weight:900;cursor:pointer}.ofc-login-form>button:hover{background:#0f55bb}.ofc-login-form>button:focus-visible,.ofc-login-back:focus-visible{outline:3px solid rgba(212,174,77,.62);outline-offset:2px}
.ofc-login-check{display:flex!important;grid-template-columns:20px 1fr!important;align-items:center;gap:9px!important;font-weight:600!important}.ofc-login-check input{width:18px!important;min-height:18px!important;margin:0}
.ofc-login-verification{border:1px solid #d9e2ee;border-radius:6px;background:#f7f9fc}.ofc-login-verification summary{padding:12px 14px;color:#315070;font-size:13px;font-weight:800;cursor:pointer}.ofc-login-verification label{padding:0 14px 14px}
.ofc-login-message{margin:0 0 20px;padding:12px 14px;border-radius:6px;font-size:13px;font-weight:800;line-height:1.45}.ofc-login-message.error{border:1px solid #e6a7a7;background:#fff0f0;color:#8a2020}.ofc-login-message.success{border:1px solid #9ed4b8;background:#effaf4;color:#15643e}
.ofc-login-form>.ofc-login-reset-button{min-height:auto;padding:0;background:transparent;color:#1b5dbf}.ofc-login-form>.ofc-login-reset-button:hover{background:transparent;color:#0f55bb}.ofc-login-help{margin:24px 0 0;padding-top:18px;border-top:1px solid #e4eaf1;color:#657489;font-size:12px;line-height:1.55}
@media(max-width:860px){.ofc-login-shell{grid-template-columns:1fr}.ofc-login-brand{min-height:auto;padding:30px 24px}.ofc-login-brand img{width:210px}.ofc-login-brand>div{display:none}.ofc-login-card{width:min(100% - 28px,560px);margin:24px auto;padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}