html:has(#loginBody){min-height:100%;background:var(--cs-pale)}
body#loginBody{box-sizing:border-box;min-height:100vh;height:auto;margin:0;padding:0;background:var(--cs-pale);font:400 16px/1.7 var(--cs-sans);color:var(--cs-text);text-align:left}
#loginBody #brickwall,#loginBody #blur,#loginBody #background-compat{display:none!important;background:none!important}
.csrc-login-story{box-sizing:border-box;position:fixed;inset:0 46% 0 0;display:flex;align-items:flex-end;padding:clamp(36px,5vw,80px);background:linear-gradient(0deg,rgba(8,46,89,.96),rgba(8,46,89,.18)),url('campus.jpg') center/cover;color:#fff}
.csrc-login-story>div{max-width:540px}.csrc-login-story .csrc-eyebrow{color:#ead7b0;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.csrc-login-story h2{margin:18px 0 24px;font:600 clamp(36px,4vw,56px)/1.1 var(--cs-serif);letter-spacing:-.025em;color:#fff}.csrc-login-story p{font-size:17px;line-height:1.7;color:#e8f0f8}.csrc-login-story a{display:inline-block;color:#fff;border-bottom:1px solid #b5c7db;text-decoration:none;font-size:14px}
#loginBody #loginBox{box-sizing:border-box;position:relative;isolation:isolate;left:auto;top:auto;width:min(440px,calc(46vw - 64px));margin:clamp(64px,12vh,140px) max(32px,calc((46vw - 440px)/2)) 100px auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left}
#loginBody #loginBox:after{display:none}#loginBody #logo{margin:0 0 30px}#loginBody #logo a{display:block;height:auto;padding:0}#loginBody #logo .valign-helper{display:none}#loginBody #logo img{max-width:100%;max-height:62px;width:auto;height:auto}
.csrc-login-title{margin:0 0 8px;font:600 38px/1.2 var(--cs-serif);letter-spacing:-.02em;color:var(--cs-navy)}.csrc-login-intro{margin:0 0 26px;color:var(--cs-muted);font-size:15px}
#loginBody #login-message{margin:0 0 20px;padding:10px 12px;border-left:2px solid var(--cs-gold);background:#e5edf4;color:var(--cs-text);text-align:left;font:400 14px/1.6 var(--cs-sans)}#loginBody #login-message:empty{display:none}#loginBody #loginBox .banner{color:var(--cs-muted);text-align:left}
#loginBody #loginBox form{width:100%;margin:0}#loginBody #loginBox fieldset{min-width:0;margin:0;padding:0}#loginBody #loginBox label.csrc-field-label{display:block;margin:0 0 7px;color:var(--cs-text);font:500 14px/1.5 var(--cs-sans)}
#loginBody #loginBox input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]){box-sizing:border-box;display:block;width:100%;min-height:48px;margin:0 0 20px;padding:12px 14px;border:1px solid var(--cs-border);border-radius:3px;background:#fff;color:var(--cs-text);font:400 16px/1.5 var(--cs-sans);box-shadow:none}
#loginBody #loginBox button[type=submit]{float:none;box-sizing:border-box;display:block;width:100%;height:auto;min-height:48px;margin:22px 0 0;padding:12px 18px;border:1px solid var(--cs-blue);border-radius:3px;background:var(--cs-blue);color:#fff;box-shadow:none;font:500 16px/1.5 var(--cs-sans);cursor:pointer}#loginBody #loginBox button[type=submit]:hover{background:var(--cs-navy)}#loginBody #loginBox button:disabled{opacity:.6;cursor:wait}#loginBody #reset-link{font:400 14px/1.5 var(--cs-sans);color:var(--cs-blue)}#loginBody .external-auth{margin-top:10px}
#loginBody #company{position:static;left:auto;bottom:auto;width:auto;margin:32px 0 0;text-align:left;font-size:12px;color:var(--cs-muted)}#loginBody #company .content{padding:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;color:var(--cs-muted)}#loginBody #poweredBy{position:static;box-sizing:border-box;width:46%;margin:0 0 24px auto;padding:0 32px;text-align:center;background:none;border-radius:0;box-shadow:none;text-shadow:none;color:var(--cs-muted);font-size:12px}#loginBody #poweredBy .osticket-logo{filter:none}
@media(max-width:800px){.csrc-login-story{position:relative;inset:auto;min-height:280px;padding:40px 24px;background-position:center 65%}.csrc-login-story h2{font-size:36px;margin:12px 0 16px}.csrc-login-story p{font-size:16px;margin:0 0 16px}#loginBody #loginBox{width:calc(100% - 48px);max-width:480px;margin:40px auto 36px}#loginBody #poweredBy{width:100%;padding:0 24px}.csrc-login-title{font-size:34px}}

#loginBody #loginBox input:focus{border-color:var(--cs-blue);box-shadow:none}

/* Refine staff login hero composition */
.csrc-login-story {
  background-size: cover, auto 125%;
  background-position: center, center bottom;
  background-repeat: no-repeat;
  padding: clamp(32px, 4vw, 64px);
}
.csrc-login-story > div {
  max-width: 480px;
}
.csrc-login-story h2 {
  font-size: clamp(34px, 3.3vw, 48px);
  line-height: 1.15;
}
.csrc-login-story p {
  max-width: 440px;
}
@media (max-width: 800px) {
  .csrc-login-story {
    background-size: cover, cover;
    background-position: center, center 65%;
    padding: 40px 24px;
  }
  .csrc-login-story h2 {
    font-size: 34px;
  }
}

/* Center the hero text vertically */
@media (min-width: 801px) {
  .csrc-login-story {
    align-items: center;
  }
}