.tauth{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:var(--space-5) var(--space-4);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.tauth *{box-sizing:border-box}.tauth .stage{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);width:100%;max-width:440px;padding-block:var(--space-7)}.tauth .brand{align-self:center;display:inline-flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}.tauth .brand-mark{display:block;width:40px;height:40px}.tauth .brand-name{font-family:var(--font-script);font-size:32px;line-height:1}.tauth .card{padding:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.tauth .eyebrow{display:block;margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.tauth h1{margin:0 0 var(--space-5);font-family:var(--font-display);font-weight:400;font-size:48px;line-height:1;letter-spacing:-.01em}.tauth .lead{margin:calc(-1 * var(--space-2)) 0 var(--space-5);font-size:var(--text-lg);line-height:1.6;color:var(--color-text-muted)}.tauth .field{margin-bottom:var(--space-4)}.tauth .field label{display:block;margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:500}.tauth .field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:400 15px/1.4 var(--font-sans)}.tauth .field input::-moz-placeholder{color:var(--color-text-muted)}.tauth .field input::placeholder{color:var(--color-text-muted)}.tauth .hint{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.tauth .msg{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.tauth .msg-fout{color:var(--color-danger);border:1px solid color-mix(in oklab,var(--color-danger) 45%,transparent);background:color-mix(in oklab,var(--color-danger) 8%,transparent)}.tauth .msg-ok{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg)}.tauth .field-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.tauth .field-kop label{margin-bottom:0}.tauth .field-kop a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.tauth .pill{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-2);padding:var(--space-4) var(--space-5);border:0;border-radius:var(--radius-full);font:500 15px/1 var(--font-sans);text-decoration:none;cursor:pointer}.tauth .sociaal{gap:var(--space-3);margin-top:0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.tauth .sociaal img{display:block;width:18px;height:18px}.tauth .of{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.tauth .of:after,.tauth .of:before{content:"";flex:1;border-top:1px solid var(--color-border)}.tauth .trust{margin:var(--space-3) 0 0}.tauth .legal,.tauth .trust{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.tauth .legal{margin:var(--space-2) 0 0}.tauth .legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}.tauth .cue{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-base);color:var(--color-text-muted)}.tauth .cue a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.tauth .foot{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted)}.tauth .kolommen{display:grid;gap:var(--space-7)}.tauth .aside{display:none}@media (min-width:960px){.tauth .stage.met-aside{max-width:1120px}.tauth .met-aside .kolommen{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center}.tauth .aside{display:block}}.tauth .aside h2{margin:0 0 var(--space-5);font-family:var(--font-display);font-weight:400;font-size:var(--text-3xl);line-height:1.1}.tauth .stappen{display:grid;gap:var(--space-4);margin:0 0 var(--space-6);padding:0;list-style:none;counter-reset:stap}.tauth .stappen li{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:var(--space-4);column-gap:var(--space-4);counter-increment:stap}.tauth .stappen li:before{content:counter(stap);grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-sm)}.tauth .stappen strong{font-weight:500;font-size:var(--text-base)}.tauth .stappen span{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}.tauth .beeld{position:relative;overflow:hidden;aspect-ratio:100/73;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-md)}.tauth .beeld iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}@media (max-width:480px){.tauth .stage{justify-content:flex-start;padding-block:var(--space-4) var(--space-6)}.tauth .card{padding:var(--space-5) var(--space-4)}.tauth h1{font-size:40px}}@media (pointer:coarse){.tauth .cue a,.tauth .field-kop a{display:inline-flex;align-items:center;min-block-size:44px}}