.bfpc-card{background:linear-gradient(145deg,#f9f7ffe6,#ffffffe0);border:1px solid #7057d933;border-radius:22px;margin-top:20px;padding:20px;box-shadow:0 12px 34px #0f172a0b}.bfpc-card.is-complete{background:linear-gradient(145deg,#f0fdf4c7,#eef7ffbf);border-color:#22c55e4d}.bfpc-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.bfpc-kicker{color:#7057d9;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bfpc-heading h2{letter-spacing:-.035em;margin:6px 0 5px;font-size:clamp(20px,3vw,27px)}.bfpc-heading p{color:#4b5563;max-width:700px;margin:0;font-size:12px;line-height:1.6}.bfpc-complete-icon{color:#16a34a;flex:none}.bfpc-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.bfpc-task{color:#64748b;background:#ffffffc2;border:1px solid #94a3b83d;border-radius:16px;grid-template-columns:31px minmax(0,1fr) auto;align-items:start;gap:9px;min-width:0;padding:13px;display:grid}.bfpc-task.is-done{color:#15803d;border-color:#22c55e40}.bfpc-task-icon{color:#7057d9;background:#7057d91a;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.bfpc-task.is-done .bfpc-task-icon{color:#15803d;background:#22c55e1f}.bfpc-task strong{color:#111827;font-size:12px;line-height:1.45;display:block}.bfpc-task p{color:#64748b;margin:3px 0 0;font-size:11px;line-height:1.5}.bfpc-task>a{color:#0071e3;align-self:center;align-items:center;gap:3px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.bfpc-task>a:hover{text-decoration:underline}.bfpc-task>svg{color:#16a34a;align-self:center}.bfpc-status{color:#2563a8;background:#0071e312;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.55}.bfpc-status.is-complete{color:#166534;background:#22c55e1a}@media (max-width:640px){.bfpc-card{border-radius:19px;padding:17px 14px}.bfpc-task-grid{grid-template-columns:1fr}}
.bfpg-card{background:linear-gradient(145deg,#eef7ffe6,#f9f7ffe0);border:1px solid #0071e32e;border-radius:21px;margin-top:15px;padding:18px 20px;box-shadow:0 10px 28px #0f172a0b}.bfpg-topline,.bfpg-title-row,.bfpg-footer,.bfpg-footer>span,.bfpg-footer>a{align-items:center;display:flex}.bfpg-topline,.bfpg-footer{justify-content:space-between;gap:12px}.bfpg-kicker{color:#0071e3;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bfpg-time{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:750;display:inline-flex}.bfpg-title-row{justify-content:space-between;align-items:flex-start;gap:15px;margin-top:8px}.bfpg-title-row h2{letter-spacing:-.035em;margin:0;font-size:clamp(20px,3vw,28px)}.bfpg-title-row p{color:#4b5563;max-width:720px;margin:5px 0 0;font-size:12px;line-height:1.6}.bfpg-target{color:#7057d9;flex:none}.bfpg-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.bfpg-info-grid>div{background:#ffffffb3;border:1px solid #94a3b833;border-radius:13px;gap:4px;min-width:0;padding:11px 12px;display:grid}.bfpg-info-grid strong{color:#334155;font-size:11px}.bfpg-info-grid span{color:#64748b;font-size:11px;line-height:1.5}.bfpg-footer{border-top:1px dashed #94a3b84d;margin-top:12px;padding-top:11px}.bfpg-footer>span{color:#166534;gap:5px;min-width:0;font-size:11px;line-height:1.5}.bfpg-footer>a{color:#0071e3;white-space:nowrap;flex:none;gap:4px;font-size:11px;font-weight:800;text-decoration:none}.bfpg-footer>a:hover{text-decoration:underline}@media (max-width:560px){.bfpg-card{border-radius:18px;padding:16px 14px}.bfpg-info-grid{grid-template-columns:1fr}.bfpg-footer{align-items:flex-start}}
.bfrp-section{background:linear-gradient(145deg,#f9f7fff7,#f7fbfffa);border:1px solid #5c43be29;border-radius:21px;margin:22px 0 0;padding:22px}.bfrp-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.bfrp-kicker{color:#654dcc;letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.bfrp-heading h2{color:#33285f;letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(19px,2.1vw,24px)}.bfrp-heading p{color:#716987;max-width:730px;margin:0;font-size:13px;line-height:1.65}.bfrp-progress{color:#654dcc;background:#eeeaff;border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:800}.bfrp-list{gap:10px;display:grid}.bfrp-item{background:#ffffffc7;border:1px solid #5c43be21;border-radius:15px;padding:14px;transition:border-color .16s,background .16s}.bfrp-item.correct{background:#f2fcf7db;border-color:#238a5847}.bfrp-item-top{align-items:center;gap:11px;display:flex}.bfrp-number{color:#654dcc;background:#eeeaff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:850;display:grid}.bfrp-prompt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bfrp-prompt strong{color:#33285f;font-size:14px;line-height:1.45}.bfrp-prompt small{color:#887fa7;font-size:11px}.bfrp-input-row{gap:8px;margin:12px 0 0 43px;display:flex}.bfrp-input-row input{color:#33285f;min-width:0;min-height:40px;font:inherit;background:#fffffff0;border:1px solid #5c43be33;border-radius:10px;outline:none;flex:1;padding:9px 11px;font-size:13px}.bfrp-input-row input:focus{border-color:#5c43be8c;box-shadow:0 0 0 3px #5c43be1a}.bfrp-input-row button,.bfrp-reset{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#654dcc;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:750;display:inline-flex}.bfrp-input-row button{min-width:74px;padding:8px 10px}.bfrp-input-row button:hover:not(:disabled){background:#5139b4}.bfrp-input-row button:disabled{color:#9a94ae;cursor:default;background:#e7e3f1}.bfrp-feedback{border-radius:10px;align-items:flex-start;gap:8px;margin:11px 0 0 43px;padding:10px 11px;font-size:12px;display:flex}.bfrp-feedback.correct{color:#1f754d;background:#e7f7ed}.bfrp-feedback.wrong{color:#a55353;background:#fff0f0}.bfrp-feedback>svg{flex:none;margin-top:1px}.bfrp-feedback>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bfrp-feedback strong{font-size:12px}.bfrp-feedback span,.bfrp-feedback small{line-height:1.5}.bfrp-feedback span{font-weight:700}.bfrp-feedback small{opacity:.82}.bfrp-reset{color:#1f754d;background:#ffffffb3;flex:none;padding:6px 8px}@media (max-width:600px){.bfrp-section{border-radius:18px;padding:18px}.bfrp-heading{flex-direction:column;gap:9px}.bfrp-progress{align-self:flex-start}.bfrp-input-row,.bfrp-feedback{margin-left:0}.bfrp-input-row{flex-direction:column}.bfrp-input-row button{width:100%}}