/* Authentication pages share the supplied illustration and a translucent card. */
body:has(#app > .card){
 background-color:#1268a0;
 background-image:linear-gradient(110deg,rgba(5,35,67,.16),rgba(7,43,77,.05)),url('/assets/images/login-educacao.png');
 background-size:cover;
 background-position:center;
 background-attachment:fixed;
 min-height:100svh;
}
body:has(#app > .card) #app{
 display:grid;
 place-items:center;
 min-height:calc(100svh - 48px);
 padding:32px 20px;
}
#app > .card{
 width:min(100%,480px);
 margin:0;
 padding:30px 34px;
 background:rgba(255,255,255,.78);
 border:1px solid rgba(255,255,255,.72);
 border-top:3px solid rgba(255,255,255,.85);
 box-shadow:0 18px 64px rgba(5,36,66,.26);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}
#app > .card h1,#app > .card .brand{color:#123e67}
#app > .card p,#app > .card label,#app > .card summary{color:#284b65}
#app > .card input:not([type=checkbox]),#app > .card select{
 background:rgba(255,255,255,.83);
 border-color:rgba(95,131,160,.5);
 color:#183f60;
}
#app > .card input::placeholder{color:#5d7487}
#app > .card .access-profiles{border-color:rgba(62,99,128,.22)}
.brand .simaq-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-full-name{display:none}
#app > .card .brand{max-width:310px;margin:0 auto 14px;line-height:1}
#app > .card .brand-full-name{display:block;text-align:center;font-size:15px;line-height:1.55;font-weight:600;color:#173e61;margin:0 auto 24px;max-width:350px}
.sidebar .brand{max-width:205px;margin:0 0 10px}
body:has(#app > .card) > footer{
 color:#fff;
 text-shadow:0 1px 4px rgba(0,29,59,.7);
 padding:12px 20px;
 background:rgba(7,37,67,.28);
}
@supports not (backdrop-filter:blur(1px)){
 #app > .card{background:rgba(255,255,255,.9)}
}
@media(max-width:560px){
 body:has(#app > .card){background-position:58% center}
 body:has(#app > .card) #app{padding:22px 16px}
 #app > .card{padding:25px 23px;border-radius:18px}
}
@media(max-height:740px){
 body:has(#app > .card) #app{align-items:start;padding-top:24px}
}