:root{--navy:#10243e;--navy2:#17375e;--blue:#2463a8;--orange:#ed7d31;--line:#dbe4ef;--muted:#6b7788}.office-login-page{margin:0!important;min-height:100vh!important;display:grid!important;grid-template-columns:minmax(430px,1.15fr) minmax(420px,.85fr);align-items:stretch!important;background:#f4f7fb!important;font-family:Manrope,"Segoe UI",sans-serif!important;padding:0!important}.office-login-intro{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--navy) 0%,var(--navy2) 68%,#24517f 100%);color:#fff;padding:clamp(48px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.office-login-intro:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-160px;top:-140px;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025)}.office-login-brand img{height:44px;max-width:190px;object-fit:contain;background:#fff;border-radius:7px;padding:7px 12px;margin-bottom:54px}.office-kicker{text-transform:uppercase;letter-spacing:2.1px;font-size:12px;font-weight:800;color:#9fc5eb;margin-bottom:14px}.office-login-intro h1{font-size:clamp(38px,4.3vw,64px);line-height:1.08;font-weight:800;letter-spacing:-2px;margin:0 0 22px;color:#fff}.office-login-intro>p{font-size:17px;line-height:1.75;color:#d4dfec;max-width:650px;margin-bottom:35px}.office-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px}.office-feature-grid div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:10px;padding:16px;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#edf5fd}.office-feature-grid i{color:#ffad73;font-size:18px}.office-login-intro small{position:absolute;bottom:28px;color:#9fb0c4;font-size:12px}.office-login-page>.login-box{width:min(440px,calc(100% - 50px))!important;margin:auto!important}.office-login-page .card{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 24px 65px rgba(25,52,83,.14)!important;overflow:hidden}.office-login-page .login-card-body{padding:36px 38px 32px!important;background:#fff!important}.office-login-page .login-logo{display:none}.office-login-page .login-box-msg{font-size:22px!important;font-weight:800!important;color:var(--navy)!important;letter-spacing:-.4px!important;margin:0 0 25px!important;padding:0!important;text-align:left!important}.office-login-page .login-box-msg:after{content:"Use your assigned credentials and select your role.";display:block;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:8px;line-height:1.5}.office-login-page .input-group{margin-bottom:15px!important}.office-login-page .form-control{height:47px!important;border:1px solid #ccd8e5!important;border-radius:8px 0 0 8px!important;padding:0 14px!important;font-size:14px}.office-login-page select.form-control{appearance:auto!important}.office-login-page .input-group-text{width:46px;justify-content:center;background:#f4f7fa!important;color:var(--blue)!important;border-color:#ccd8e5!important;border-radius:0 8px 8px 0!important}.office-login-page .form-check-label{font-size:13px;color:var(--muted)}.office-login-page .custom-btn{height:44px;width:100%;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:750;box-shadow:0 7px 16px rgba(36,99,168,.22);transition:.2s}.office-login-page .custom-btn:hover{background:#194f89;transform:translateY(-1px)}.office-login-page .row>.col-8{width:55%}.office-login-page .row>.col-4{width:45%}.office-login-page .alert{height:auto!important;padding:10px 12px!important;border-radius:8px!important;font-size:13px}.office-login-page .form-select{min-height:0!important}@media(max-width:900px){.office-login-page{display:block!important;background:linear-gradient(150deg,var(--navy),var(--navy2))!important;padding:28px 0!important}.office-login-intro{background:transparent;padding:20px 28px 26px;min-height:auto}.office-login-brand img{margin-bottom:25px;height:40px}.office-login-intro h1{font-size:34px;letter-spacing:-1px}.office-login-intro>p{font-size:14px;margin-bottom:0}.office-feature-grid,.office-login-intro small{display:none}.office-login-page>.login-box{margin:0 auto!important}.office-login-page .login-card-body{padding:28px 24px!important}}@media(max-width:480px){.office-login-page>.login-box{width:calc(100% - 28px)!important}.office-login-intro h1{font-size:29px}.office-login-page .row>.col-8,.office-login-page .row>.col-4{width:100%}.office-login-page .row>.col-4{margin-top:13px}}