@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap');
*{box-sizing:border-box;margin:0}
body{font-family:Sora,system-ui,sans-serif;background:#05060a;color:#fff;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:28px;
background-image:radial-gradient(600px 400px at 20% 10%,rgba(139,92,246,.25),transparent),radial-gradient(500px 400px at 90% 90%,rgba(34,211,238,.18),transparent)}
.kaart{width:100%;max-width:420px;text-align:center}
h1{font-size:30px;font-weight:700;letter-spacing:-.02em}
.sub{color:#a5b4c8;margin:10px 0 28px;line-height:1.5}
a.knop,button{display:block;width:100%;padding:17px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:600 17px Sora,sans-serif;text-decoration:none;margin-top:12px;cursor:pointer}
button:disabled{opacity:.4}
.hoofd{background:linear-gradient(90deg,#22d3ee,#8b5cf6)!important;border:0!important;color:#05060a!important}
.stand{margin-top:22px;min-height:48px;line-height:1.5;color:#c4b5fd}
.ok{color:#67e8f9}.fout{color:#fca5a5}
small{display:block;margin-top:26px;color:#6b7280;font-size:13px;line-height:1.6}