/* ===== Bewerber-Funnel (Perspective-Stil) ===== */
body.pg-funnel-body{background:var(--indigo-950)}
.pgf{min-height:100vh;display:flex;flex-direction:column;color:var(--white);background:radial-gradient(120% 120% at 50% 0%, var(--indigo-800), var(--indigo-950) 70%)}
.pgf__top{display:flex;align-items:center;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-4) var(--gutter);max-width:var(--container-max);margin-inline:auto;width:100%}
.pgf__brand img{height:34px;width:auto}
.pgf__brand span{font-family:var(--font-display);font-weight:900;color:#fff}
.pgf__progress{flex:1;height:4px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden;margin:0 var(--sp-4)}
.pgf__progress-bar{display:block;height:100%;width:0;background:var(--pg-yellow);transition:width .4s var(--ease-out)}
.pgf__exit{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--indigo-200);white-space:nowrap}
.pgf__exit:hover{color:#fff}
.pgf__form,.pgf__done{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:680px;margin-inline:auto;padding:var(--sp-6) var(--gutter) var(--sp-8)}
.pgf__error{background:rgba(255,80,80,.14);border:1px solid rgba(255,120,120,.5);color:#ffd9d9;border-radius:var(--radius-sm);padding:var(--sp-4);margin-bottom:var(--sp-5);font-size:var(--fs-sm)}
.pgf__step{animation:pgf-in .4s var(--ease-out)}
.pgf__step[hidden]{display:none}
@keyframes pgf-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pgf__step--shake{animation:pgf-shake .4s}
@keyframes pgf-shake{10%,90%{transform:translateX(-2px)}30%,70%{transform:translateX(4px)}50%{transform:translateX(-6px)}}
.pgf__intro-img{height:210px;border-radius:var(--radius-lg);background-size:cover;background-position:center;margin-bottom:var(--sp-5);border:1px solid var(--indigo-500)}
.pgf__head{margin-bottom:var(--sp-6)}
.pgf__q{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;letter-spacing:var(--ls-tight);color:#fff;margin:0}
.pgf__sub{margin-top:var(--sp-3);color:var(--indigo-200);font-size:var(--fs-lead);line-height:var(--lh-normal)}
.pgf__opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
@media (max-width:560px){.pgf__opts{grid-template-columns:1fr}}
.pgf__opt{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:rgba(255,255,255,.04);border:1.5px solid var(--border-on-dark);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}
.pgf__opt:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.pgf__opt input{position:absolute;opacity:0;pointer-events:none}
.pgf__opt-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(247,243,0,.12);color:var(--pg-yellow);flex:none}
.pgf__opt-label{font-weight:var(--fw-semibold);font-size:var(--fs-body);color:#fff}
.pgf__opt-check{margin-left:auto;color:var(--pg-yellow);opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-fast)}
.pgf__opt:has(input:checked){border-color:var(--pg-yellow);background:rgba(247,243,0,.10)}
.pgf__opt:has(input:checked) .pgf__opt-check{opacity:1;transform:scale(1)}
.pgf__field{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.pgf__field label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--indigo-200)}
.pgf__field input,.pgf__field textarea{font:inherit;font-size:var(--fs-lead);color:#fff;background:rgba(255,255,255,.05);border:1.5px solid var(--border-on-dark);border-radius:var(--radius-sm);padding:.9rem 1rem;width:100%}
.pgf__field input:focus,.pgf__field textarea:focus{outline:none;border-color:var(--pg-yellow)}
.pgf__field textarea{min-height:120px;resize:vertical;font-size:var(--fs-body)}
.pgf__consent{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-sm);color:var(--indigo-200);margin-top:var(--sp-3)}
.pgf__consent input{margin-top:.2rem;width:18px;height:18px;flex:none;accent-color:var(--pg-yellow)}
.pgf__consent a{color:var(--pg-yellow);text-decoration:underline}
.pgf__nav{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-7)}
.pgf__back{background:none;border:0;color:var(--indigo-200);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-label);text-transform:uppercase;cursor:pointer}
.pgf__back[hidden]{display:none}
.pgf__back:hover{color:#fff}
.pgf__next,.pgf__submit{margin-left:auto}
.pgf__submit[hidden],.pgf__next[hidden]{display:none}
.pgf__done{text-align:center;align-items:center;gap:var(--sp-3)}
.pgf__done-mark{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(247,243,0,.12);color:var(--pg-yellow);margin-bottom:var(--sp-4)}
.pgf__done h1{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(2rem,4vw,3rem);color:#fff;margin:0}
.pgf__done p{color:var(--indigo-200);font-size:var(--fs-lead);max-width:46ch;margin:0 0 var(--sp-4)}
