.gbf-container{max-width:700px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.gbf-progress{display:flex;gap:4px;margin-bottom:2rem}
.gbf-progress-step{flex:1;height:6px;border-radius:3px;background:#e0e0e0;transition:background .3s}
.gbf-progress-step.active{background:#27ae60}
.gbf-step{display:none;animation:gbfFadeIn .4s}
.gbf-step.active{display:block}
@keyframes gbfFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.gbf-step h2{color:#2c3e50;margin-bottom:.5rem}
.gbf-step p.subtitle{color:#666;margin-bottom:1.5rem}
.gbf-options{display:grid;gap:12px}
.gbf-option{padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;background:#fff;font-size:1rem;text-align:left}
.gbf-option:hover{border-color:#27ae60;background:#f0faf4}
.gbf-option.selected{border-color:#27ae60;background:#e8f5e9}
.gbf-option strong{display:block;margin-bottom:2px}
.gbf-option small{color:#888}
.gbf-result-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:1.5rem;margin-bottom:1rem}
.gbf-result-card.top{border-color:#27ae60;box-shadow:0 2px 12px rgba(39,174,96,.15)}
.gbf-badge{display:inline-block;background:#27ae60;color:#fff;padding:2px 10px;border-radius:12px;font-size:.8rem;margin-bottom:.5rem}
.gbf-result-card h3{margin:0 0 .5rem;color:#2c3e50}
.gbf-result-card p{margin:0 0 .75rem;color:#555;line-height:1.5}
.gbf-result-card a.cta{display:inline-block;background:#27ae60;color:#fff;padding:8px 20px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem}
.gbf-result-card a.cta:hover{background:#219a52}
.gbf-btn{display:inline-block;margin-top:1.5rem;padding:10px 28px;background:#2c3e50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}
.gbf-btn:hover{background:#1a252f}
.gbf-intro{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f0f7ff,#e8f5e9);border-radius:12px;margin-bottom:2rem}
.gbf-intro h2{color:#2c3e50;margin:0 0 .5rem}
#gbf-quiz{display:none}

@media(max-width:480px){
  .gbf-container{padding:0 4px}
  .gbf-option{padding:.75rem 1rem;font-size:.9rem}
  .gbf-result-card{padding:1rem}
  .gbf-btn{width:100%;text-align:center}
}