/* Aanmelden sluit aan bij de rustige opbouw van het Info-tabblad. */
body:has(#auth:not(.hidden)){background:var(--tone-0c1d3a,#034067)}
#auth{max-width:780px;margin:24px auto;padding:36px 40px 30px;background:var(--tone-142b4b,#0a4a70);border-radius:17px;box-shadow:0 4px 20px #00000010}
:root:not([data-theme=light]):not([data-theme=peach]) body:has(#auth:not(.hidden)){background:#063955}
:root:not([data-theme=light]):not([data-theme=peach]) #auth{background:#034067}
.auth-info-intro{text-align:center}
#auth .auth-logo{background:transparent;padding:0;margin:0 0 32px;text-align:center;border-radius:0}
#auth .auth-logo img{width:180px;max-width:100%;height:auto;margin:0 auto}
#auth .auth-logo .loading-logo{display:inline-block;margin-right:0;max-width:100%;vertical-align:middle}
#auth .auth-opening-title{font-size:25px;line-height:1.3;margin:0 0 10px;text-align:center;color:var(--ink-f7f9ff,#f4fbff)}
#auth .auth-intro{display:block;text-align:center;font-size:16px;line-height:1.6;margin:0 0 30px;color:var(--ink-b7c6df,#b7d6e3)}
.auth-info-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 34px}
.auth-info-guide article{display:block;min-width:0;padding:0 20px;text-align:center}
.auth-info-guide article+article{border-left:1px solid var(--ink-b7c6df,#b7d6e3)}
.auth-info-guide h3{font-size:18px;margin:0;color:var(--ink-ffff67,#ecd6ae)}
.auth-info-guide p{font-size:15px;margin:16px 0 0;color:var(--ink-b7c6df,#b7d6e3);line-height:1.8}
.auth-info-outro{font-size:14px;line-height:1.6;color:var(--ink-b7c6df,#b7d6e3);margin:0;text-align:center}
.auth-form-panel{border-top:1px solid var(--tone-324e72,#397b99);margin-top:30px;padding-top:28px}
#auth h1{font-size:23px;text-align:left;line-height:1.3;margin:0 0 24px}
#authForm input{margin-bottom:0;min-height:48px}
#authForm label{display:block;margin-bottom:18px}
#authForm #nameWrap:not(.hidden){display:grid;grid-template-columns:1fr 1fr;gap:14px}
#authSubmit{border-radius:12px;min-height:48px}
#toggleAuth,#resetPassword{color:var(--ink-d5e4ff,#d4edf7);min-height:44px;margin-top:8px}
#auth button:focus-visible,#auth input:focus-visible{outline:2px solid var(--ink-ffff67,#ecd6ae);outline-offset:3px}
#auth:has(#nameWrap.hidden) .auth-info-guide,#auth:has(#nameWrap.hidden) .auth-info-outro{display:none}
#auth:has(#nameWrap.hidden) .auth-intro{margin-bottom:0}
@media(max-width:480px){#auth{padding:28px 16px 24px;margin:12px auto}#auth .auth-logo img{width:180px}.auth-info-guide article{padding:0 8px}.auth-info-guide h3{font-size:17px}.auth-info-guide p{font-size:13px;line-height:1.65}#authForm #nameWrap:not(.hidden){grid-template-columns:1fr;gap:0}.auth-info-outro br{display:none}}