/* Pagina Inloggen (public/website/inloggen.html). Bouwt voort op site.css. */
.login-site-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;padding-top:80px;padding-bottom:50px}
.login-site-hero h1{margin-bottom:0}
.login-site-hero .intro{max-width:480px;margin:0}
.login-site-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:60px}
.login-site-card{background:white;border:1px solid #e6dfe9;border-radius:14px;padding:34px;display:flex;flex-direction:column;gap:10px}
.login-site-card h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:30px;letter-spacing:-1px;margin:0 0 6px}
.login-site-card p{margin:0;font-size:15px;line-height:1.7;color:#65596c}
.login-site-card label{font-size:13px;font-weight:650;margin-top:8px}
.login-site-input{display:flex;align-items:center;border:1px solid #8f7f99;border-radius:7px;background:white}
.login-site-input input{flex:1;min-width:0;border:0;background:transparent;font:500 18px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:13px 14px;color:var(--ink)}
.login-site-input span{padding-right:14px;color:#65596c;font-size:16px;white-space:nowrap}
.login-site-input input:focus{outline:3px solid var(--copper);outline-offset:-3px;border-radius:7px}
.login-site-input:has(input[aria-invalid=true]){border-color:#a33f37}
.login-site-card .login-site-note{font-size:13px}
.login-site-card .login-site-error{color:#8a2a1b;font-weight:600;font-size:14px}
.login-site-card .login-site-error:empty,.login-site-card .login-site-result:empty{margin:0}
.login-site-card .login-site-result:not(:empty){margin-top:14px;padding:16px 18px;border-radius:8px;background:#e3f0e9;color:#1f4d3d;font-weight:600}
.login-site-card .button{margin-top:14px;align-self:flex-start}
.login-site-more{padding-bottom:90px}
.login-site-more>*{max-width:760px}
.login-site-more h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:28px;margin:0 0 14px}
.login-site-more ul{margin:0 0 18px;padding-left:20px;display:grid;gap:10px}
.login-site-more li,.login-site-more p{font-size:15px;line-height:1.75;color:#4b3f53}
.login-site-more a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
 .login-site-hero{grid-template-columns:1fr;gap:24px;padding-top:50px;padding-bottom:36px}
 .login-site-cards{grid-template-columns:1fr;gap:20px}
}
@media(max-width:560px){
 .login-site-card{padding:24px 20px}
 .login-site-input input{font-size:16px}
 .login-site-input span{font-size:14px;padding-right:10px}
}