:root{--bbm-primary: #135798;--bbm-primary-hover: #0f4a7e;--bbm-primary-soft: #f0f7ff;--bbm-primary-tint: #dbeafe;--bbm-accent: #2BF09D;--bbm-yellow: #FECE00;--bbm-yellow-hover: #FFD836;--bbm-amber: #F8C709;--bbm-pink: #CB5B6E;--bbm-surface: #ffffff;--bbm-surface-muted: #f5f7fb;--bbm-surface-soft: #f0f7ff;--bbm-text-strong: #1a1a2e;--bbm-text-body: #4a5568;--bbm-text-muted: #718096;--bbm-border: #e2e8f0;--bbm-success: #065f46;--bbm-success-bg: #d1fae5;--bbm-error: #991b1b;--bbm-error-bg: #fee2e2;--bbm-warning: #92400e;--bbm-warning-bg: #fff3e0;--bbm-hero-gradient: linear-gradient(135deg, var(--bbm-primary) 0%, var(--bbm-accent) 100%);--bbm-progress-gradient: linear-gradient(90deg, var(--bbm-primary), var(--bbm-accent))}.bbm-hero{background:var(--bbm-hero-gradient);color:#fff}.bbm-tool-card{transition:all .3s ease;border:2px solid transparent}.bbm-tool-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--bbm-accent)}.bbm-icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;background:var(--bbm-primary-tint);color:var(--bbm-primary)}.bbm-feature-list{background:var(--bbm-primary-soft);border-radius:.5rem;padding:1rem}.bbm-feature-list li{color:var(--bbm-text-body)}.bbm-feature-list li i{color:var(--bbm-primary);margin-right:.5rem}.bbm-btn-primary{background-color:var(--bbm-primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;display:inline-block}.bbm-btn-primary:hover{background-color:var(--bbm-primary-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.bbm-btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.bbm-btn-yellow{background-color:var(--bbm-yellow);color:var(--bbm-text-strong);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;display:inline-block}.bbm-btn-yellow:hover{background-color:var(--bbm-yellow-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.bbm-btn-ghost{background-color:#fff;border:1px solid var(--bbm-border);color:var(--bbm-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.bbm-btn-ghost:hover{background-color:var(--bbm-primary-soft)}.bbm-btn-ghost--danger{border-color:var(--bbm-error);color:var(--bbm-error)}.bbm-btn-ghost--success{border-color:var(--bbm-success);color:var(--bbm-success)}.bbm-status-correct{background-color:var(--bbm-success-bg);color:var(--bbm-success)}.bbm-status-wrong{background-color:var(--bbm-error-bg);color:var(--bbm-error)}.bbm-status-warning{background-color:var(--bbm-warning-bg);color:var(--bbm-warning)}.bbm-progress-fill{background:var(--bbm-progress-gradient)}