.opvolg-anim{--brand:#2f49d1;--brand-600:#2740b8;--brand-soft:#eef1fc;--brand-softer:#f5f7fe;--brand-line:rgba(47,73,209,.2);--email:#2f49d1;--email-soft:#eef1fc;--push:#a328eb;--push-soft:#f5e8fd;--ok:#06a26a;--ok-raw:#09d485;--ok-soft:#e5faf2;--ok-line:#b6efd6;--app:#eef0f5;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#f1f3f7;--ink:#1f2a33;--ink-2:#3d4452;--muted:#6b7480;--muted-2:#99a2ae;--soft:#b6bcc6;--border:#eceef2;--border-strong:#e0e3ea;--shadow-card:0 1px 2px rgba(15,23,42,.04),0 1px 0 rgba(15,23,42,.02);--shadow-raise:0 6px 18px rgba(15,23,42,.09),0 1px 3px rgba(15,23,42,.05);--shadow-pop:0 18px 48px rgba(15,23,42,.14),0 4px 12px rgba(15,23,42,.07);--shadow-win:0 40px 90px rgba(20,28,52,.22),0 12px 30px rgba(20,28,52,.12);--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Roboto Mono",ui-monospace,"SF Mono",monospace;-webkit-font-smoothing:antialiased;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;min-height:480px;position:relative;width:100%}.opvolg-anim *,.opvolg-anim :after,.opvolg-anim :before{box-sizing:border-box;margin:0;padding:0}.opvolg-anim .ovstage{height:920px;left:50%;margin-left:-490px;position:absolute;top:0;transform-origin:top center;width:980px}.opvolg-anim .ovwin{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-win);display:flex;flex-direction:column;height:860px;left:40px;overflow:hidden;position:absolute;top:30px;transition:opacity .6s ease;width:900px}.opvolg-anim .ovchrome{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:14px;height:46px;padding:0 16px}.opvolg-anim .ovurl{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:flex;flex:1;font-family:var(--font-mono);font-size:12px;gap:7px;height:28px;justify-content:center;margin:0 auto;max-width:420px}.opvolg-anim .ovapp{background:var(--app);flex:1;min-height:0;overflow:hidden;position:relative}.opvolg-anim .caret{animation:ov-blink .9s steps(1) infinite;background:var(--brand);display:inline-block;height:1em;margin-left:1px;vertical-align:-2px;width:2px}.opvolg-anim .ovfinale{left:50%;max-width:540px;pointer-events:none;position:absolute;top:16px;transition:opacity .5s,transform .5s;width:calc(100% - 60px);z-index:100}.opvolg-anim .ovreplay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.9);border:1px solid var(--border-strong);border-radius:999px;bottom:34px;box-shadow:var(--shadow-card);color:var(--ink-2);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:12.5px;font-weight:600;gap:7px;height:34px;padding:0 13px;position:absolute;right:44px;z-index:210}@keyframes ov-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ov-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ov-fade{0%{opacity:0}to{opacity:1}}@keyframes ov-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ov-checkpop{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ov-ring{0%{box-shadow:0 0 #09d4858c}to{box-shadow:0 0 0 16px #09d48500}}@keyframes ov-emit{0%{opacity:0;transform:translate(0) scale(.55)}14%{opacity:1}to{opacity:0;transform:translate(150px,-14px) scale(1)}}@keyframes ov-glow{0%,to{border-color:var(--ok-line);box-shadow:var(--shadow-card)}50%{border-color:#8fe4c0;box-shadow:0 0 0 1px var(--ok-line),0 12px 30px #06a26a33}}