.ys-auth-shell{--groen:#3aaa35;--groen-donker:#2d8a29;--groen-diep:#1f6b1c;--groen-licht:#eaf6e8;--groen-zacht:#f4f8f2;--tekst:#16201a;--tekst-zacht:#44514a;--grijs:#5d685f;--lijn:#e7ebe4;--lijn-sterk:#dbe2d6;--vlak:#f6f8f4;--fout:#c0392b;--fout-licht:#fdf3f2;--radius:14px;--radius-groot:18px;--schaduw-zacht:0 1px 3px #16201a0f,0 6px 16px #16201a0d;--font-display:"Fraunces","Public Sans",Georgia,serif;--font-body:"Plus Jakarta Sans","Public Sans",system-ui,-apple-system,sans-serif;font-family:var(--font-body);color:var(--tekst);-webkit-font-smoothing:antialiased;min-height:100vh;text-rendering:optimizeLegibility;background:#fafaf7;flex-direction:column;display:flex}.ys-auth-shell *,.ys-auth-shell :before,.ys-auth-shell :after{box-sizing:border-box}.ys-auth-header{border-bottom:1px solid var(--lijn);background:#fff;align-items:center;height:60px;padding:0 max(24px,50% - 600px);display:flex}.ys-auth-logo{font-family:var(--font-display);color:var(--groen-diep);letter-spacing:-.01em;font-size:20px;font-weight:600;text-decoration:none}.ys-auth-logo:hover{color:var(--groen-donker)}.ys-auth-main{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.ys-auth-kaart{border:1px solid var(--lijn);border-radius:var(--radius-groot);width:100%;max-width:440px;box-shadow:var(--schaduw-zacht);background:#fff;padding:clamp(32px,5vw,48px) clamp(28px,5vw,44px)}.ys-auth-titel{font-family:var(--font-display);color:var(--tekst);letter-spacing:-.015em;margin:0 0 6px;font-size:26px;font-weight:500;line-height:1.2}.ys-auth-sub{color:var(--grijs);margin:0 0 28px;font-size:14px;line-height:1.55}.ys-auth-form{flex-direction:column;gap:16px;display:flex}.ys-auth-veld{flex-direction:column;gap:5px;display:flex}.ys-auth-label{color:var(--tekst-zacht);font-size:13px;font-weight:600}.ys-auth-input{border:1.5px solid var(--lijn-sterk);height:44px;font-size:14px;font-family:var(--font-body);color:var(--tekst);background:#fff;border-radius:10px;outline:none;width:100%;padding:0 14px;transition:border-color .18s,box-shadow .18s}.ys-auth-input:focus{border-color:var(--groen);box-shadow:0 0 0 3px #3aaa351f}.ys-auth-input[aria-invalid=true]{border-color:var(--fout)}.ys-auth-veld-fout{color:var(--fout);margin-top:2px;font-size:12px}.ys-auth-foutbox{background:var(--fout-licht);color:var(--fout);border:1px solid #c0392b33;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.ys-auth-knop{background:var(--groen);color:#fff;height:46px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;margin-top:4px;transition:background .2s,transform .15s;display:flex;box-shadow:0 1px 2px #16201a1f}.ys-auth-knop:hover:not(:disabled){background:var(--groen-donker);transform:translateY(-1px)}.ys-auth-knop:disabled{opacity:.6;cursor:not-allowed}.ys-auth-wissel{text-align:center;color:var(--grijs);margin-top:20px;font-size:13.5px}.ys-auth-wissel a{color:var(--groen-diep);font-weight:600;text-decoration:none}.ys-auth-wissel a:hover{text-decoration:underline}.ys-auth-footer{text-align:center;color:var(--grijs);border-top:1px solid var(--lijn);padding:16px 24px;font-size:12px}.ys-auth-shell :focus-visible{outline:2px solid var(--groen);outline-offset:3px;border-radius:6px}