html:has(section.login){background-color:var(--clr-blue-6)}main:has(section.login){margin-top:0}section.login{background-image:url(/images/login_banner.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:calc(100vh - 215px)}section.login .login_container{justify-content:left;align-items:center;min-height:600px;display:flex}section.login .login_container .access_box{background-color:#c3c3c633;border:1px solid #c3c4c7;flex-direction:column;gap:16px;max-width:300px;padding:2.5em 2em;display:flex;box-shadow:0 1px 3px #0000000a}section.login .login_container .access_box input{background-color:#d3d3d3;height:40px}section.login .login_container .access_box h1{color:#fff;font-size:32px}section.login .login_container .access_box p{color:#fff;text-align:left;max-width:230px}section.login .login_container .access_box .access-btn{color:#fff;cursor:pointer;background-color:#f9b321;border-radius:4px;max-width:fit-content;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}section.login .login_container .access_box .access-btn:hover{background-color:#e09b06;transition:all .2s}@media (max-width:834px){section.login{background-color:#70bddc;background-image:none}section.login .login_container .access_box input{background-color:#fff}section.login .login_container .access_box{width:100%;max-width:100%}}