:root{--bg:#05070d;--panel:#0c111c;--line:rgba(255,255,255,.11);--text:#f5f7fb;--muted:#8e99ad;--cyan:#28e7ff;--gold:#ffcc55;--pink:#ff3dbb;--danger:#ff6b7a;--ok:#49f2a7}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 20% 5%,rgba(40,231,255,.1),transparent 28%),radial-gradient(circle at 80% 90%,rgba(255,61,187,.1),transparent 30%),var(--bg);display:grid;place-items:center;padding:28px}.auth-shell{width:min(100%,470px)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;color:#fff;text-decoration:none;font-weight:950;font-size:1.35rem}.auth-brand img{width:52px;height:52px;border-radius:14px;object-fit:cover}.auth-card{border:1px solid var(--line);border-radius:26px;padding:30px;background:rgba(12,17,28,.92);box-shadow:0 26px 80px rgba(0,0,0,.42)}h1{margin:0 0 9px;font-size:2rem}.auth-intro{margin:0 0 24px;color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:15px}.auth-field{display:grid;gap:7px}.auth-field label{font-size:.82rem;font-weight:850;color:#cbd3df}.auth-field input{width:100%;min-height:48px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#070b13;color:white;outline:none}.auth-field input:focus{border-color:rgba(40,231,255,.72);box-shadow:0 0 0 3px rgba(40,231,255,.08)}.auth-button{min-height:50px;border:0;border-radius:13px;cursor:pointer;font-weight:950;color:#071014;background:linear-gradient(135deg,var(--gold),#fff0a3 45%,var(--cyan))}.auth-button:disabled{opacity:.55;cursor:wait}.auth-status{min-height:22px;font-size:.86rem;color:var(--muted)}.auth-status[data-kind="error"]{color:var(--danger)}.auth-status[data-kind="ok"]{color:var(--ok)}.auth-switch{margin:20px 0 0;text-align:center;color:var(--muted);font-size:.9rem}.auth-switch a{color:var(--cyan);font-weight:850;text-decoration:none}.auth-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem;line-height:1.5;color:#758096}
.auth-help{font-size:.74rem;line-height:1.35;color:#758096}

/* V37 · uniforme linkerbovenhoek: logo -> Babbelhoek */
.auth-page-controls{position:fixed;top:12px;left:12px;z-index:100002;display:flex;align-items:center;gap:10px}.auth-page-brand{min-height:40px;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:950;white-space:nowrap}.auth-page-brand img{width:38px;height:38px;border-radius:10px;object-fit:cover}.auth-page-brand span{font-size:1rem}.auth-shell>[data-language-slot]{margin-bottom:16px}@media(max-width:720px){.auth-page-controls{top:8px;left:8px;gap:7px}.auth-page-brand span{display:none}.auth-page-brand img{width:40px;height:40px}}