.fpf{max-width:720px;margin:0 auto}
.fpf-card{background:#fff;border:1px solid #E3E9F4;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(11,27,58,.08)}
.fpf-card h2{margin:6px 0 18px;font-size:1.6rem}
.fpf-card h3{margin:26px 0 12px;font-size:1.1rem}
.fpf-prog{height:6px;background:#E8EEF9;border-radius:9px;overflow:hidden;margin-bottom:14px}.fpf-prog span{display:block;height:100%;background:linear-gradient(90deg,#2563EB,#0EA5A4);transition:width .3s}
.fpf-count{margin:0;font-size:.85rem;color:#5B6B85;font-weight:600}
.fpf-opts{display:grid;gap:10px}
.fpf-opts button{text-align:left;padding:15px 18px;border:1px solid #D5DDEC;border-radius:12px;background:#fff;font:500 1rem Inter,sans-serif;color:#0B1B3A;cursor:pointer;transition:.15s}
.fpf-opts button:hover,.fpf-opts button:focus-visible{border-color:#2563EB;background:#F5F8FF;outline:0}
.fpf-back{margin-top:18px;background:none;border:0;color:#5B6B85;font-weight:600;cursor:pointer;padding:0}
.fpf-tag{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#EAF1FF;color:#1D4ED8}
.fpf-steps{padding-left:1.2rem;margin:0 0 18px}.fpf-steps li{margin:8px 0}
.fpf-box{background:#F5F8FF;border:1px solid #E3E9F4;border-radius:12px;padding:16px 18px}.fpf-box p{margin:6px 0 0}
.fpf-small{font-size:.85rem;color:#5B6B85}
.fpf-recs{display:grid;gap:10px}
.fpf-rec{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border:1px solid #E3E9F4;border-radius:12px;text-decoration:none;color:#0B1B3A;flex-wrap:wrap}
.fpf-rec:hover{border-color:#2563EB}.fpf-rec span:last-child{color:#2563EB;font-weight:600}
.fpd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.fpd-tabs button{padding:9px 14px;border:1px solid #D5DDEC;border-radius:999px;background:#fff;font:600 .85rem Inter,sans-serif;color:#0B1B3A;cursor:pointer}
.fpd-tabs button[aria-selected=true]{background:#2563EB;border-color:#2563EB;color:#fff}
.fps-go{width:100%;margin:6px 0 4px;padding:14px;border:0;border-radius:12px;background:#2563EB;color:#fff;font:600 1rem Inter,sans-serif;cursor:pointer}
.fps-go:hover{background:#1D4ED8}
.fpd-flow{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.fpd-flow li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid #E3E9F4;border-left:4px solid #D5DDEC;border-radius:12px;background:#fff;opacity:.55;transition:.3s}
.fpd-flow li.on{opacity:1;border-left-color:#2563EB;background:#F5F8FF;transform:translateX(4px)}
.fpd-flow li.done{opacity:1;border-left-color:#0EA5A4}
.fpd-flow li span{font-size:.92rem;color:#5B6B85}
#fp-demo details{margin:12px 0}#fp-demo summary{cursor:pointer;font-weight:600}
#fp-demo pre{background:#0B1B3A;color:#E8EEF9;padding:14px;border-radius:10px;overflow:auto;font-size:.8rem}